滚动条添加事件

时间:2022-02-16 17:09:58

1、 <script type="text/javascript">
      $(document).ready(function (){
        var nScrollHight = 0; //滚动距离总长,即750px
        var nScrollTop = 0;   //滚动到的当前位置
        var nDivHight = $("#div1").height();  //即500px
 
        $("#div1").scroll(function(){
          nScrollHight = $(this)[0].scrollHeight;
          nScrollTop = $(this)[0].scrollTop;
          if(nScrollTop + nDivHight >= nScrollHight)
            alert("滚动条到底部了");
          });
      });
  </script>

说明:需要有某个div的Id为#div1

 

 

2、 $(document).ready(function(){
  $(window).scroll(function(){
   if($(document).scrollTop()+1200 > $(document).height())

    LoadMoreInfo();
  });
 });

 

说明:LoadMoreInfo();是滚动条触发的事件

 

滚动条事件可以用于瀑布流