迅睿CMS:瀑布流滚动加载_迅睿教程

迅睿CMS:瀑布流滚动加载

迅睿教程 2024-10-22 14:13:31 0次 0 来源：老K模板网收藏

注意：如果开启了开发者模式，则加载完后无法显示“已经显示完了”，点击加载更多按钮也无效，关闭开发者模式即可。

滚动加载原理是当页面向下滚动时自动加载下一页数据并填充到当前页面，实现无刷新加载。

一、用于栏目列表

1、创建目标list_data.html专门用来写栏目分页循环标签的目标文件

2、在list.html中标记显示容器div

默认加载了第一页数据

3、在页面底部写加载的js

#content_list就是（2）中的容器ID

二、用于搜索页面

1、创建目标search_data.html专门用来写搜索分页循环标签的目标文件

2、在search.html中标记显示容器div

默认加载了第一页数据

加载按钮


 加载更多

3、在页面底部写加载的js

var Mpage=1;

//滚动显示更多
var scroll_get = true;  //做个标志,不要反反复复的加载
$(document).ready(function () {
    $(window).scroll(function () {
        if (scroll_get==true &&  (400 + $(window).scrollTop())>($(document).height() - $(window).height())) {
            scroll_get = false;
            layer.msg('内容加截中,请稍候',{time:1000});
            dr_ajax_load_more();
        }
    });
});

#content_list就是（2）中的容器ID

三、用于主站首页

1、创建目标index_data.html专门用来写搜索分页循环标签的目标文件

主站时需要指定module=具体模块目录

2、在index.html中标记显示容器div

默认加载了第一页数据

3、在页面底部写加载的js

#content_list就是（2）中的容器ID

四、用于模块首页

1、创建目标news/module_data.html专门用来写搜索分页循环标签的目标文件

2、在news/index.html中标记显示容器div

默认加载了第一页数据

3、在页面底部写加载的js

#content_list就是（2）中的容器ID

------------

题外判断，判断某个div是否滚到底部

迅睿CMS:瀑布流滚动加载

相关文档

网友留言

搜索帮助

人气文章

关注我们

关于我们

常见问题

扫一扫手机访问