手机页面分页加载更多

最新推荐文章于 2021-03-10 00:49:35 发布

weixin_30815469

最新推荐文章于 2021-03-10 00:49:35 发布

阅读量223

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/rubekid/p/5438008.html

Html

<div class="load-more" id="load-more"><div class="loading"></div></div>

var isLoading = false;
var loadMoreTarget = $("#load-more");
var listTarget = $("#list");
        
listTarget.on("scroll", function(){
    var scrollTop = $(this).scrollTop();
    var height = $(this).height();
    var scrollHeight = $(this).get(0).scrollHeight;
    var h = scrollHeight - height - scrollTop;
    if(h < 100 && !isLoading){
        //loadMore();    
    }
});

CSS

.load-more{
    height:50px;
    width: 100%;
}

.loading{
    overflow-y: auto;
    padding: 0px;
    height: 50px;
    width:40px;
    margin:0px auto;
    background: url(../images/loading.gif) no-repeat center 9px;
}