スクロール途中でグローバルナビをページ上部に固定・解除する方法サイトの動線の要であるグローバルナビ。 グローバルナビを最初からページ上部に固定する場合には、単純にスタイルシートで「position: fixed;」を指定するだけで実現できます。 しかし、ヘッダーが大きい場合やスライドショー下にナビゲーションが来るデザインの時は、最初から固定しておくのではなく、スクロールの途中でページ上部に固定・解除を切り替えたいですよね。 そんな時は、jQueryを使うと実現できます。 ここでは、jQueryを使ったスクロールナビの固定・解除の方法を紹介していきます。 スクロール途中で固定・解除を実現するための原理 原理、というと難しい響きですが、その内容はとてもシンプルで簡単です。 javascriptでは、スクロールイベントが起きた時に走る関数である「.scroll()」があります。 そのイベントが起きた時に、現在のスクロール量とスクロール固定を始める位置を条件
