联系官方销售客服

1835022288

028-61286886

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


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

一、用于栏目列表

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

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

默认加载了第一页数据

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

#content_list就是(2)中的容器ID


二、用于搜索页面

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

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

默认加载了第一页数据

加载按钮

<div class="ajax_btn margin-top-20" id="is_ajax_btn">
<a href="javascript:dr_ajax_load_more();" class="btn default btn-block"> 加载更多 </a>
</div>


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

#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是否滚到底部


本文地址:https://www.xunruicms.com/doc/534.html