//评论下拉加载 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>