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>
インスタンスの実行 »

[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します