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>
点击 "运行实例" 按钮查看在线实例