PHP+InfiniteScroll实现网页无限滚动加载数据实例,实现原理:当滚动条到底离网页底部一定长度的时候,向后台发送页数并获取数据。

PHP+InfiniteScroll网页无限滚动加载数据实例_第1张图片

首先我们在页面上先放置10条数据,即第一页,每一项都是p标签:

-
接着我们再放入导航的选择器#pages和下一页#next,.loading可不放。

 

-
然后我们引入jQuery库、debug.js(调试)及jquery.infinitescroll.js插件和js代码:

  
 

-
本文转自:https://www.sucaihuo.com/php/108.html 转载请注明出处!