PHP+InfiniteScroll实现网页无限滚动加载数据实例

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

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

1 <div id="content"> 
2     <p><a href="#" target="_blank">1、PHP生成图片验证码a>p> 
3     <p><a href="#" target="_blank">2、jQuery实现table上移下移和置顶a>p> 
4     <p><a href="#" target="_blank">3、基于jQuery的cookie插件a>p> 
5     <p><a href="#" target="_blank">4、jQuery仿淘宝图片放大镜插件imagezooma>p> 
6     <p><a href="#" target="_blank">5、简单jQuery商品属性选择表单a>p> 
7    ....... 
8 div>

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

1 <div id="pages"><a id="next" href="page.php?page=1">下一页a>div> 
2 <div class="loading">div>

然后我们引入jQuery库、debug.js（调试）及jquery.infinitescroll.js插件和js代码：

 1   
 2  
 3 
 4 

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