jQueryでスクロール位置を取得

jQueryでスクロールイベントでページの指定した場所に移動したり、一定までスクロールした時に、
ナビゲーションを表示させるといったことも可能です。

スクロール位置を取得するためには scrollTop() メソッドを使います。

ウィンドウ全体でスクロール量を習得したい場合$(window)を使います。

$(window).scrollTop();

  
メニュー

  
メニュー

  
メニュー

上記では、スクロール量が200を超えると固定されるメニューを作成することができます。
他にもページトップボタンやスクロールした時にグローバルナビを上部に固定したりいろいろなことができます。