グローバルメニューなどをスクロール途中で固定する方法 | blog – NOBORU HIRABAYASHIグローバルメニューなどをスクロール途中で固定する方法。 デモ：グローバルメニューなどをスクロール途中で固定する方法 ポイント このデモでは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 <
