jquery scroll()方法


  翻譯結果:

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>
執行實例 »

#點擊 "執行實例" 按鈕查看線上實例

#

熱門推薦

首頁

影片

問答