jQuery入門道場 jQueryの使い方

3章 属性、CSS操作

スクロール操作

.scrollTop()

.scrollTop()

マッチした最初の要素のスクロールバーの縦位置(整数値)を取得します。スクロールバーが表示されない状態の時は、0になります。ブラウザの一番右にあるバーだけがスクロールバーとは限らず、例えばDIV要素でoverflowした場合でも、スクロールバーが出ることはあります。

// スクロールバーの位置を取得します。
var top = $(window).scrollTop();
var top = $("#info_box").scrollTop();

.scrollTop(value)

マッチした要素全てに対し、valueで指定した値にスクロールバーの縦位置を移動します。

// スクロールバーの位置を指定します。
$(window).scrollTop(50);

.scrollLeft()

マッチした要素の最初の要素のスクロールバーの横(水平)位置を取得します。(左側から起算) 他は、.scrollTop()と同様です。