滚动条滚动加载图片或则请求的实现方法

时间:2022-12-22 21:24:35

情景一:对于监听document滚动的情形

var page =1;
$('#showContent').scroll(function() {
        var scroH = $(document).scrollTop();  //滚动高度
        var viewH = $(window).height();  //可见高度
        var contentH = $(document).height();  //内容高度
        if (contentH == (scroH + viewH)){  //滚动条滑到底部啦
          page=page+1;
          alert('ajax请求数据第'+page+'部分')
        }  
})

  

情景二:对于监听某个div滚动的情形

var page=1;
$('#showContent').scroll(function() {
        var contentH = $("#showContent")[0].scrollHeight;
        var viewH=$("#showContent").height();
        var scroH = $("#showContent").scrollTop();
         if (contentH == (scroH + viewH)){  //滚动条滑到底部啦
             page=page+1;
            alert('请求数据第'+page+'部分')
          }  
 })