.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>

 

posted @ 2017-05-18 09:33  念念念不忘  阅读(994)  评论(0)    收藏  举报