.scroll()——元素滚动时触发,或元素发生滚动的时候执行的函数
写法:$("元素").scroll() / $("元素").scroll(function(){});
描述:触发页面滚动,或当页面发生滚动的时候执行函数
x=0; $(function(){ $("div").scroll(function() { //当div发生滚动的时候执行 $("span").text(x+=1); //div发生滚动数字就+1 }); $("button").click(function(){ $("div").scroll(); //点击按钮触发滚动事件 }); });
<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> <button>触发窗口的 scroll 事件</button>