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

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