迅睿CMS:瀑布流滚动加载_迅睿教程_站长学院

迅睿CMS:瀑布流滚动加载

迅睿教程 2024-10-22 14:13:31 0次 0 来源：天荣CMS 收藏

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

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

一、用于栏目列表

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

2、在list.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、创建目标search_data.html专门用来写搜索分页循环标签的目标文件

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

默认加载了第一页数据

加载按钮


 加载更多

凡本站转载内容仅代表作者本人观点，与本站无关。

迅睿CMS:瀑布流滚动加载

相关文档

网友留言

搜索主题

人气文章

关注我们

关于我们

常见问题

扫一扫手机访问