Fixed block
例4:最下部までスクロールしたら表示場所を変える
- 固定表示領域と重なった本体表示領域は、スクロールしても表示できない
この例で本体は「本体表示 40」まで。cntl + "-" で表示を縮小すれば確認できる。
固定表示領域はウィンドウの下部。
==> 対処策4: 最下部までスクロールしたら固定表示領域を動かす。
- IE, Edge は 動作しない
comments:
Works : ffox37
Not works : crome41, opera28, edge20, IE11, safari5.
references:
https://developer.mozilla.org/ja/docs/Web/API/Element/scrollTop
https://developer.mozilla.org/ja/docs/Web/API/Element/scrollTopMax
本体表示 00
本体表示 00
本体表示 00
本体表示 00
本体表示 00
本体表示 00
本体表示 00
本体表示 00
本体表示 00
本体表示 00
本体表示 10
本体表示 10
本体表示 10
本体表示 10
本体表示 10
本体表示 10
本体表示 10
本体表示 10
本体表示 10
本体表示 10
本体表示 20
本体表示 20
本体表示 20
本体表示 20
本体表示 20
本体表示 20
本体表示 20
本体表示 20
本体表示 20
本体表示 20
本体表示 30
本体表示 30
本体表示 30
本体表示 30
本体表示 30
本体表示 30
本体表示 30
本体表示 30
本体表示 30
本体表示 30
本体表示 40
Click here to reshow
- 最下部までスクロールしたらこの領域の表示場所が移動します。
- Other samples
- ボタンを押して表示場所を変える (例1)
- マウスを乗せたら表示場所を変える (例2)
- マウスを乗せたら非表示にする (例3)