16

PC、移动设备 页面上滚动态加载数据

页面向上滚动到底部后动态加载数据,或者说是页面上拉到达底部后自动加载内容,省去了访客手动点击“下一页”的动作,实为现在所讲的页面人性化设计理念。

像某些网站的瀑布流图片布局,那些图片是动态加载出来的,效果很好,对服务器的压力相对来说也小了很多

还有,使用手机进入qq空间,向上拉动空间,页面到底部时,会动态加载剩余的说说或者是日志

今天我们就来看看他们的实现思路和js控制动态加载的代码

下面的代码主要是控制滚动条下拉(即页面上滚)时的加载事件的

在下面代码说明处,写上操作即可,无论是加载图片还是加载记录数据  都可以

别忘了引用jquery类库 Continue reading