帝国cms首页加载更多,滚动无限加载方法-薄荷云博客

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;
},
success : 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

温馨提示：本文最后更新于2022-09-12 11:37:13，某些文章具有时效性，若有错误或已失效，请在下方留言或联系丁塔克博客。

------本页内容已结束，喜欢请分享------

感谢您的来访，获取更多精彩文章请收藏本站。

版权声明 1 本网站名称：薄荷云博客
2 本站永久网址：https://www.icloudw.cn
3 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长572224446进行删除处理。
4 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6 本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。

THE END