- NHK のウィークエンドサンシャインのページ、世界の快適音楽セレクションのページ、音楽遊覧飛行のページで やっているのを見て欲しくなり、作りました。
- 固定する位置の割り出し
- 固定する部分の位置は自分で探して、スクリプトに固定値として入れる必要がある。
- このhtmlでは、固定表示領域の中に mouse(event) で scrollTop の値を表示している。領域がウインドウ左上端に来た時の値を見つけて、scrollCk() の boxTop の値とする。
- (Todo) 自動的に探すようにしたい。
- テーブルの見出しを固定表示するのに利用できる。
- テーブル表示に利用した例。
欄の位置がうまく合わないので、目安としては使えるが美しくない。 table でなく div を使ってテーブルを作成するのが良いのかもしれない。
本体表示 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
本体表示 40
本体表示 40
本体表示 40
本体表示 40
本体表示 40
本体表示 40
本体表示 40
本体表示 40
本体表示 40
本体表示 50
References:
http://memopad.bitter.jp/w3c/html5/html5_ref_eventattributes.html
Works with ffox37, crome41, opera28, edge20, safari5
Not works with IE11. onScroll is not supported?