jquery实现滚动到页面底部时无限加载内容的代码

浏览数：43 / 时间：2015年06月09日

由于时间关系没有整理封装，有空的时候再把他做成一个插件。但复制下来修改一下是可以用的。以下为实例：

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;
               })
         }
      }  
  });

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。