scroll
英語 [skrəʊl] アメリカ [skroʊl]
n. (一般的に公式文書の記録に使用される) 紙の巻物; 巻物、絵巻物、巻物。スクロール (装飾); <古代> 表、目次
vt. スクロールさせる; (コンピュータ画面上で) 上から下へ (情報など) 移動し、ページをロールします
vi . (スクロールのように) roll up; (展開されたスクロールのように) 画面上にテキストを表示します
jqueryのscroll()メソッド構文
関数:ユーザーが指定された要素をスクロールすると、スクロール イベントが発生します。スクロール イベントは、すべてのスクロール可能な要素とウィンドウ オブジェクト (ブラウザ ウィンドウ) に適用されます。 scroll() メソッドは、スクロール イベントをトリガーするか、スクロール イベントの発生時に実行する関数を指定します。
スクロール イベントをトリガーします: $(selector).scroll()
関数をスクロール イベントにバインドします: $( selector ).scroll(function)
パラメータ:
##パラメータ | 説明 |
#関数 ##オプション。スクロールイベント発生時に実行する関数を指定します。 | | jqueryのscroll()メソッド例
<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
x=0;
$(document).ready(function(){
$("div").scroll(function() {
$("span").text(x+=1);
});
});
</script>
</head>
<body>
<p>请试着滚动 DIV 中的文本：</p>
<div style="width:200px;height:100px;overflow:scroll;">text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text.
<br /><br />
text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text. text.</div>
<p>滚动了 <span>0</span> 次。</p>
</body>
</html>[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します
人気のおすすめ