下拉加载

  //评论下拉加载
        var a = 0;
        var offsize = 10;//起始位置(查询数据表时的起始位置)
        $(document).ready(function(){
            var range = 80;//距下边界长度/单位px
            var totalheight = 0;
            var main = $("#loadinguser");//主体元素
            $(window).scroll(function(){
                var srollPos = $(window).scrollTop();
                totalheight = parseFloat($(window).height()) + parseFloat(srollPos);
                if(($(document).height()+range) <= totalheight) {
                    if(a==0)
                    {
                        a = 1;
                        $('#loading').html("正在努力为您加载...");
                        $.post("{:url('comment/nextPageComment')}",{
                            type:5,
                            offsize:offsize,
                            aid:{$list.uid}
                    },function(data){
                        if(data=='')
                        {
                            $('#loading').html("<img style='width: 100%;' src='{$Think.HTML_STATIC}/images/bo.jpg'/>");
                            a = 0;
                        }
                        else
                        {
                            main.append(data);
                            offsize = offsize+10;
                            a = 0;
                        }
                    });
                    }
                }
            });
        });
<!--下拉加载-->
<div id="loadinguser"></div>
<!--<div class="lmore">我是有底线的</div>-->
<div id="loading" class="bo"><img style="width: 100%;" src="{$Think.HTML_STATIC}/images/bo.jpg"/></div>
<div class="plinfos">
	<div class="lll">评论:{$list.comment}</div>
	<div class="cdz ds1 dianzan list-title-mlr" >
		<img src="{$Think.HTML_STATIC}/images/65.png">
		<span>{$list.praise}</span>
	</div>
	<div class="cj_collection mui-pull-left">
		<img src="{$Think.HTML_STATIC}/images/63.png"/><span>2</span>
	</div>
	<div style="clear: both;"></div>
</div>


猜你喜欢

转载自blog.csdn.net/supercaojh/article/details/79541643