js 模拟滑动加载

最新推荐文章于 2023-08-23 17:27:25 发布

原创最新推荐文章于 2023-08-23 17:27:25 发布 · 470 阅读

CC 4.0 BY-SA版权

准备一个分页查询后台方法 比如 selectSomeThingByPage(Integer currentPage,Integer pageSize);

全局变量 var pageSize = 5;



从http://www.oschina.net/code/snippet_2243420_44742中粘过来的挺好用

<script>
//浏览量滚动条触底事件
window.onscroll = 
function (){
    var
marginBot = 0;
    if
(document.documentElement.scrollTop){
        var
X=document.documentElement.scrollHeight;
        var
Y=document.documentElement.scrollTop+document.body.scrollTop;
        var
Z=document.documentElement.clientHeight;
        marginBot=X-Y-Z;
    }
else {
        var
J=document.body.scrollHeight;
        var
I=document.body.scrollTop;
        var
K=document.body.clientHeight;
        marginBot=J-I-K;
    }
    if(marginBot<=0) {
      ajax调用后台方法

      pageSize+=5;

     selectSomeThingByPage(1,pageSize);

    }
}
</script>

大概就是这么个意思 看不懂就算了