jQuery scrollTop()メソッド

❮jQueryHTML/ CSSメソッド

<div>要素の垂直スクロールバーの位置を返します。

$("button").click(function(){
  alert($("div").scrollTop());
});

定義と使用法

scrollTop()メソッドは、選択した要素の垂直スクロールバーの位置を設定または返します。

ヒント:スクロールバーが上部にある場合、位置は0です。

位置を返すために使用される場合:
このメソッドは、最初に一致した要素のスクロールバーの垂直位置を返します。

位置の設定に使用する場合:
このメソッドは、一致するすべての要素のスクロールバーの垂直位置を設定します。


構文

垂直スクロールバーの位置を返します。

$(selector).scrollTop()

垂直スクロールバーの位置を設定します。

$(selector).scrollTop(position)

Parameter Description
position Specifies the vertical scrollbar position in pixels

自分で試してみてください-例


を設定する要素の垂直スクロールバーの位置を設定する方法。


のクラスを切り替える方法異なるスクロール位置のクラスを切り替える方法。


するanimate()をscrollTop()と一緒に使用して、リンクにスムーズなスクロールを追加します。


❮jQueryHTML/ CSSメソッド