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>
运行实例 »

点击 "运行实例" 按钮查看在线实例