上部固定メニューSample

スクロールすると画面上部にメニューを固定させる簡単な方法

1.まずはじめに「a:ナビゲーションの画面上部からの位置」を取得し、その後スクロールがされた際に、その「b:スクロール値」を取得。


2.この[a][b]の値を比較し、[a]=<[b]であるならば、ナビゲーション要素に対してCSSで「.fixed(top,0)」を追加し、[a]>[b]であれば、ナビゲーション要素に追加したCSS「.fixed(top,0)」を削除する