您的位置:首页 > 其它

web页面在滚动条下拉时加载更多内容

2016-01-30 17:08 295 查看
在很多app里面我们都可以看到当手机拉到底部的时候会自动加载更多的内容,就相当于翻页的效果,但是这是app的功能,这里我们一起看看web页面的实现,其实这个实现也是很简单的,在这多谢各位提供参考资料的朋友。js代码实现:
$(function(){
$(window).scroll(function() {
var scrollTop = $(this).scrollTop(),scrollHeight = $(document).height(),windowHeight = $(this).height();
var positionValue = (scrollTop + windowHeight) - scrollHeight;
if (positionValue == 0) {
//do something
}
});
);


do something就是需要执行的功能,要是想加载更多的内容,就可以发送post请求到后台系统获取更多数据,如果没有数据就给出相应的提示,这个更人性化。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  加载 下拉