您的位置:首页 > 帝国cms教程

帝国cms首页加载更多,滚动无限加载方法

2022-01-05 21:41:53 帝国cms教程 70

1,放到首页需要无限加载的地方:

<script language="javascript" type="text/javascript">
$(function(){
  var pagenum = 1; //设置当前页数
  var zhan_zongpage=0;
  var totalheight = 0;
  var wan=true;
  function loadData(){ 
      totalheight = parseFloat($(window).height()) + parseFloat($(window).scrollTop()); 
      if ($(document).height()-200 <= totalheight && wan==true) { 
        zhan_zongpage = 155;
        $.ajax({
          url : '/skin/sy-getajax.php',
          type:'get',
          data:{"next":pagenum},
          dataType : 'html',
          beforeSend:function(){
              wan=false;
          },
          suess : function(data){
              if(data!=''){
                $('.tabs_content_list').append(data);
                pagenum++; 
                wan=true;
              }else{
                $(".loadmore").text('没有更多内容了');
                return false;
              }
          }
        });
      }
  }
$(window).scroll( function() { 
      loadData();
});
});
</script> 

2,sy-getajax.php放到根目录{}注意路径
模板里面必选引入jquery.min.js
加载出来的样式在sy-getajax.php修改
php和js已打包压缩
php5.4
 

相关推荐