基于JQuery实现滚动到页面底端时自动加载更多信息
发布时间：2014-06-24 编辑：jiaochengji.com
这篇文章主要介绍了基于JQuery实现滚动到页面底端时自动加载更多信息，类似微博，新浪新闻的评论等，都采用了这方法,需要的朋友可以参考下
关键代码：
复制代码 代码如下:
var stop=true;
$(window).scroll(function(){
totalheight = parseFloat($(window).height()) + parseFloat($(window).scrollTop());
if($(document).height() <= totalheight){
if(stop==true){
stop=false;
$.post("ajax.php", {start:1, n:50},function(txt){
$("#Loading").before(txt);
stop=true;
},"text");
}
}
});
HTML：
复制代码 代码如下:
<div id="Loading">Loading...</div>
实现方法是比较页面总高度和下滚高度以判断是否到达底端，若到达底端则通过ajax读取更多的内容，用before插入到Loading之前。
stop参数是考虑到ajax读取耗时，防止在一次ajax读取过程中多次触发事件，造成多次加载内容。
您可能感兴趣的文章：
基于JQuery实现滚动到页面底端时自动加载更多信息
jquery 页面滚动到底部自动加载插件集合
基于jQuery图片平滑连续滚动插件
基于jquery的跟随屏幕滚动代码
基于jQuery的可以控制左右滚动及自动滚动效果的代码
40个有创意的jQuery图片、内容滑动及弹出插件收藏集之一
asp.net网站开发中用jquery实现滚动浏览器滚动条加载数据(类似于腾讯微博)
六款帮助你实现惊艳视差滚动效果的jQuery插件
基于jquery的内容循环滚动小模块（仿新浪微博未登录首页滚动微博显示）
css中去除网页滚动条示例程序
[关闭]