码迷,mamicode.com
首页 > 其他好文 > 详细

滚动加载更多

时间:2016-10-24 17:42:46      阅读:162      评论:0      收藏:0      [点我收藏+]

标签:没有   scroll   read   this   list   height   font   log   page   

/**
 * 异步加载更多
 * create by tujia @2016.10.19
 */
function load_more(id,no_more){
    var _id         = id || ‘lists‘;
    var _no_more     = no_more || ‘<li style="line-height: 4rem; text-align: center; font-size: 1rem; color: #717171;">没有更多啦</li>‘;

    var dH = 0,wH = 0,page_no = 1,can_loading = true;
    $(document).ready(function(){
        dH = $(document).height();
        wH = $(window).height();
    });
    $(window).scroll(function(){
        var offset_top = $(this).scrollTop();

        if(can_loading==true && (dH-offset_top-wH)<100){
            can_loading = false;
            $.get(‘‘, {‘is_ajax‘:1, ‘page_no‘:++page_no}, function(res){
                if(res!=‘‘){
                    $(‘#‘+_id).append(res);
                    dH         = $(document).height();
                    can_loading = true;
                }else{
                    $(‘#‘+_id).append(_no_more);
                }
            }, ‘html‘);
        }
    });
}

 

滚动加载更多

标签:没有   scroll   read   this   list   height   font   log   page   

原文地址:http://www.cnblogs.com/tujia/p/5993793.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!