基于JQuery实现滚动到页面底端时自动加载更多信息
更新时间：2014年01月31日 11:37:16 作者：
这篇文章主要介绍了基于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读取过程中多次触发事件，造成多次加载内容。
相关文章
今天在修整博客侧栏信息时，利用到了Tab选项卡方式，因为ZBlog封装的是JQuery库，所以很自然地就想到了IdTabs。2010-09-09
这篇文章主要介绍了JQuery的加载和选择器用法,结合简单实例形式分析了jQuery的功能、加载、选择器的相关使用技巧,需要的朋友可以参考下2019-05-05
利用jQuery及AJAX技术定时更新GridView的某一列数据
这篇文章主要介绍了利用jQuery及AJAX技术定时更新GridView的某一列数据的方法,这里的GridView是指C#软件开发中的GridView控件,需要的朋友可以参考下2015-12-12
这篇文章主要为大家详细介绍了JQuery实现简单瀑布流布局，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
这篇文章主要介绍了jQuery Validate初步体验(二) 的相关资料,需要的朋友可以参考下2015-12-12
这篇文章主要以实例解析了jQuery插件EasyUI最常用的验证规则，对EasyUI校验感兴趣的小伙伴们可以参考一下2015-11-11
下面小编就为大家带来一篇jquery html动态添加的元素绑定事件详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
jquery中的常用事件bind、hover、toggle等示例介绍
这篇文章主要介绍了jquery中常用的事件，比如$(document).ready()、bind、hover、toggle、click等等，并有示例，易于学习2014-07-07
我们在一些应用中需要动态展示数据，比如当前在线人数，当前交易总额，当前汇率等等，前端页面需要实时刷新获取最新数据。本文将结合实例给大家介绍使用jQuery和PHP来实现动态数字展示效果。2015-03-03
对于javascript事件扩展，所有的lib都差不多。和jquery和prototype,yui和Ext，其要解决的首要问题是兼容性，所有 lib都会对event进行包裹，统一其属性解决其兼容性。2010-06-06
最新评论