jquery scrollTop() 方法
翻訳結果：
scroll
英語 [skrəʊl] アメリカ [skroʊl]
n. (一般的に公式文書の記録に使用される) 紙の巻物; 巻物、絵巻物、巻物。スクロール (装飾); <古代> 表、目次
vt. スクロールさせる; (コンピュータ画面上で) 上から下へ (情報など) 移動し、ページをロールします
vi . (スクロールのように) 巻き上げる; (スクロールを展開するように) 画面にテキストを表示する
##top
英[tɒp] 美[tɑ :p] n. トップ、トップ; (箱) 表紙、(本のページなど) 上の列; チーフ; トップ adj. 最高の; トップ; 第一級;最大vt. 頂点を形成する; ... の頂点に達する; ... の最前線に立つ; リードvi. 要約する; 超越; 塔; 終了jquery scrollTop() 方法構文
関数: scrollTop() メソッドは、一致する要素のスクロール バーの垂直位置を返すか、設定します。スクロール トップ オフセットは、スクロール バーの上部に対する相対的なオフセットを指します。このメソッドがパラメータを設定しない場合、スクロール バーの上部からのオフセットをピクセル単位で返します。
構文: $(selector).scrollTop(offset)
パラメータ:
| パラメータ | 説明 |
| オフセット | オプション。スクロールバーの上部からのオフセットをピクセル単位で指定します。 |
注: このメソッドは、表示要素と非表示要素の両方に有効です。値を取得するためにこのメソッドを使用すると、最初に一致した要素のスクロール上部のオフセットが返されます。値の設定にこのメソッドを使用すると、一致するすべての要素のスクロール上部のオフセットが設定されます。
jquery scrollTop() 方法例
<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".btn1").click(function(){
$("div").scrollTop(100);
});
$(".btn2").click(function(){
alert($("div").scrollTop()+" px");
});
});
</script>
</head>
<body>
<div style="border:1px solid black;width:200px;height:200px;overflow:auto">
This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text.
</div>
<button class="btn1">把 scroll top offset 设置为 100px</button>
<br />
<button class="btn2">获得 scroll top offset</button>
</body>
</html>[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します