欢迎进入linux社区论坛，与200万技术人员互动交流 >>进入 随着微博的盛行，页面向下滚动时加载数据变的越来越流程，类似瀑布流的效果。这种方法不仅节省了服务器端负载，因为不需要分页就能看到所有的信息，所以也提高了用户体验度，下面给大家分享一个利用p
欢迎进入linux社区论坛，与200万技术人员互动交流 >>进入
随着微博的盛行，页面向下滚动时加载数据变的越来越流程，类似瀑布流的效果。这种方法不仅节省了服务器端负载，因为不需要分页就能看到所有的信息，所以也提高了用户体验度，下面给大家分享一个利用php+jquery简单实现这一效果的例子。
因为要用到jquery函数，所以引入jquery类库是必不可少的，这里不在介绍了，下面提供给大家的源码中有jquery文件，大家可以直接拿去使用。
然后在需要滚动加载信息的页面输入下面的js代码（如果有多个页面需要，那么你也可以将它单独保存到js文件中）：
$（document）。ready（function（）{
$（window）。scroll（function（）{
scrollmore（）；
}）；
function scrollmore（）{
if（$（window）。scrolltop（） == （$（document）。height（） - $（window）。height（）））{
var offset = $（'[id^=mydata_]'）。length;
var records = $（.alldata）。text（）；
$（window）。unbind（scroll）；
if（records != offset）{
$（#loaderimg）。html（''）；
$（#loaderimg）。show（）；
loadmoredata（offset）；
}
}
}
function loadmoredata（offset）{
$.ajax（{
type: 'get',
async:false,
url: 'getmoredata.php',
data: 'offset='+offset,
success: function（data）{
$（#loaderimg）。empty（）；
$（#loaderimg）。hide（）；
$（.loaddata :last）。after（data）；
},
error: function（data）{
alert（ajax error occured…+data）；
}
}）。done（function（）{
$（window）。bind（scroll,function（）{
scrollmore（）；
}）；
}）；
}
}）；
下面是php代码：
这里php代码只要实现读取数据库数据就可以了，因为在上面我们已经实现了滚动的加载的效果。