首页 > 代码库 > jquery实现滚动到页面底部时无限加载内容的代码
jquery实现滚动到页面底部时无限加载内容的代码
由于时间关系没有整理封装,有空的时候再把他做成一个插件。但复制下来修改一下是可以用的。以下为实例:
var p="{$other.p}"; if(p=="") p=1; var stop=true;//触发开关,防止多次调用事件 $(window).scroll(function() { //当内容滚动到底部时加载新的内容 100当距离最底部100个像素时开始加载. if ($(this).scrollTop() + $(window).height() + 100 >= $(document).height() && $(this).scrollTop() > 100) { if(stop==true){ stop=false; p=p+1;//当前要加载的页码 canshu="?t={$other.t}&p="+p+"&cid={$other.cid}"; //加载提示信息 $("#showlists").append("<li class='ajaxtips'><div style='font-size:2em'>Loding.....</div></li>"); $.get("__URL__/nextpage"+canshu,function(data){ $(".ajaxtips").hide(); $("#showlists").append(data);//把新的内容加载到内容的后面 stop=true; }) } } });
jquery实现滚动到页面底部时无限加载内容的代码
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。