scroll
英[skrəʊl] 美[skroʊl]
n.（常用來錄寫正式文件的）紙捲;書卷，畫卷，捲軸;渦卷形（裝飾）;〈古〉表，目錄
vt.使成捲形;（電腦螢幕上）從上到下移動（資料等），卷頁
vi .（似捲軸般）捲起;（像展開捲軸般地）將文字顯示於螢幕
jquery scroll()方法 語法
作用：當使用者捲動指定的元素時，會發生 scroll 事件。 scroll 事件適用於所有可捲動的元素和 window 物件（瀏覽器視窗）。 scroll() 方法觸發 scroll 事件，或規定發生 scroll 事件時運行的函數。
觸發scroll事件：$(selector).scroll()
將函數綁定到scroll事件：$(selector ).scroll(function)
參數：
| 參數 | 描述 |
| function | #可選。規定發生 scroll 事件時運行的函數。 |
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>#點擊 "執行實例" 按鈕查看線上實例