位置: 编程技术 - 正文
AJAX实现瀑布流触发分页与分页触发瀑布流的方法(recyclerview瀑布流效果)
编辑：rootadmin推荐整理分享AJAX实现瀑布流触发分页与分页触发瀑布流的方法(recyclerview瀑布流效果)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:h5瀑布流布局,html 瀑布流,瀑布流式页面,js瀑布流布局,瀑布流css布局,瀑布流css布局,瀑布流css布局,瀑布流css布局,内容如对您有帮助，希望把文章链接给更多的朋友！
所谓的瀑布流效果就正如轻图床首页效果那样，多个内容相近的栏目紧密排列，尽量使到栏目间的间隙最小（即流体布局），并且随着页面滚动条向下滚动，新的数据会追加至当前页面的尾部直到所有数据加载完毕（滚动触发的 Ajax 翻页）。
瀑布流触发分页
这里说一下思路，虽然下面的实例中不能全都用到：1.当进入屏幕时，判断内容是否为空，如果不为空，开始初始化数据。2.当往屏幕下拉时，判断数据的最底部与屏幕高度+滚动的高度的大小。如果最底部小于上面两者之和，重新请求接口，即加载数据。3.当遇到数据超过某个页数时，停止加载或者用分页的形式显示，点击再显示内容。
上一篇：jQuery Mobile中的button按钮组件基础使用教程(jquery mobile grid)
下一篇：jQuery height()、innerHeight()、outerHeight()函数的区别详解