スクロールしても常時表示するメニュー

説明補足説明コード分割コードコメント投稿

このサンプルは画面の左上にメニューを表示します。このメニューは画面をスクロールしても常時表示されます。

このサンプルは画面の左上にメニューを表示します。このメニューは画面をスクロールしても常時表示されます。

ブラウザの垂直方向のスクロール量は、document.body.scrollTop、document.documentElement.scrollTopなどに格納されています。これらのプロパティの値は、ブラウザの種類とDOCTYPEの指定により異なりますので注意してください。 詳細は http://diaspar.jp/node/47 を参照してください。 
// 水平スクロール量
var scrollLeft = document.body.scrollLeft ||
                  document.documentElement.scrollLeft;

// 垂直スクロール量
var scrollTop = document.body.scrollTop || 
                  document.documentElement.scrollTop;