jQuery 基礎チュートリアル

jQuery エフェクト

jQuery 操作メソッド

jQuery 過滤

jQuery Ajax

jQuery その他

jQueryのリファレンスマニュアル

jQueryの遍历メソッド jQueryのHTML/CSSメソッド

jQuery scrollTop() メソッド

jQueryのHTML/CSSメソッド

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

scrollTop()メソッドを使用する場合、取得位置を返します。最初の選択された要素のスクロールバーの垂直位置。

scrollTop()メソッドを使用する場合、設定位置が設定されている場合、すべての選択された要素スクロールバーの垂直位置を設定。

文法：

垂直スクロールバーの位置を取得：

$(selector).scrollTop()

垂直スクロールバーの位置を設定：

$(selector).scrollTop(value)

例

DIVのscrollTopを取得：

例

$("div").scroll(function(){
　　$(this).scrollTop();
});

テストを見て‹/›

DIVのscrollTopを設定：

例

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

テストを見て‹/›

ドキュメントのscrollTopを設定

例

$("button").click(function(){
　　$(document).scrollTop(400);
});

テストを見て‹/›

ユーザーがページをスクロールする時にスムーズなスクロールを追加

例

let　size　=　$(".main").height();　//　".main"の高さを取得
$(window).keydown(function(event)　{
　　if(event.which　===　40)　{　//　下向き矢印キーが押された場合
　　　　$("html,　body").animate({scrollTop:　"+="　+　size},　300);
　　}　else　if(event.which　===　38)　{　//　上向き矢印キーが押された場合
　　　　$("html,　body").animate({scrollTop:　"-="　+　size},　300);
　　}
});

テストを見て‹/›

パラメータの値

パラメータ	説明
value	スクロールバーを設定する新しい位置を示す整数

jQueryのHTML/CSSメソッド

jQueryの遍历メソッド jQueryのHTML/CSSメソッド