scroll

英 [skr??l]? ?美 [skro?l]??

n.（常用于錄寫正式文件的）紙卷;書卷，畫卷，卷軸;渦卷形（裝飾）;〈古〉表，目錄

vt.使成卷形;（電腦屏幕上）從上到下移動（資料等），卷頁

vi.（似卷軸般）卷起;（像展開卷軸般地）將文字顯示于屏幕

jquery scroll()方法 語法

作用：當用戶滾動指定的元素時，會發(fā)生 scroll 事件。scroll 事件適用于所有可滾動的元素和 window 對象（瀏覽器窗口）。scroll() 方法觸發(fā) scroll 事件，或規(guī)定當發(fā)生 scroll 事件時運行的函數(shù)。

觸發(fā)scroll事件：$(selector).scroll()

將函數(shù)綁定到scroll事件：$(selector).scroll(function)

參數(shù)：

參數(shù)描述
function? ??可選。規(guī)定當發(fā)生 scroll 事件時運行的函數(shù)。

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>
運行實例 ?

點擊 "運行實例" 按鈕查看在線實例