グローバルメニューなどをスクロール途中で固定する方法。 デモ:グローバルメニューなどをスクロール途中で固定する方法 ポイント このデモではJQueryを使用 最初にnavエリアのY軸座標を取得 navのY座標分スクロールが進んだらnavにposition:fixed;を突っ込む 戻ってきてY座標よりスクロール幅が減ったらposition:staticを突っ込み戻す javascript部分は以下の通り $(function(){ var nav = $('#nav_global'), navAfter = nav.next(), navHeight = nav.height(); var navY = nav.offset().top; $(window).scroll(function(){ var windowTop = $(window).scrollTop(); if(navY <
![グローバルメニューなどをスクロール途中で固定する方法 | blog – NOBORU HIRABAYASHI](https://cdn-ak-scissors.b.st-hatena.com/image/square/5d21f7ca5c6b0497165701aced610b43701171ed/height=288;version=1;width=512/http%3A%2F%2Fnoboruhirabayashi.com%2Fblog%2Fwp-content%2Fuploads%2Fjs.png)