最新のWeb開発のチュートリアル
 

jQuery scrollTop() Method

<jQueryのHTML / CSSのメソッド

以下のための垂直スクロールバーの位置を返します<div>要素:

$("button").click(function(){
    alert($("div").scrollTop());
});
»それを自分で試してみてください

定義と使用法

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

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

位置を返すために使用する場合:
この方法は、最初に一致した要素のスクロールバーの垂直方向の位置を返します。

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


構文

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

$(selector).scrollTop()

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

$(selector).scrollTop( position )

パラメーター 説明
position ピクセル単位での垂直スクロールバーの位置を指定します

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

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

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

ページのアンカーへのスムーズスクロールを追加します。
使用してanimate()と一緒になってscrollTop()リンクにスムーズスクロールを追加します。


<jQueryのHTML / CSSのメソッド