基于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读取过程中多次触发事件，造成多次加载内容。
相关文章
这篇文章主要为大家详细介绍了jQuery webuploader分片上传大文件的相关资料,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-11-11
图片缩略在某些情况下还是比较实用的，比如在做一些商品的预览图缩略等等，下面为大家介绍下具体的实现思路及代码，有需求的朋友可以参考下2013-08-08
头部导航二级导航有些内容太长，一列的话太过难看，就要分成两列，要做到按块尽量均分，排列顺序没有限制2013-08-08
下面小编就为大家带来一篇jq源码解析之绑在$,jQuery上面的方法(实例讲解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-10-10
这篇文章主要为大家介绍了如何利用jQuery treetable实现树形表格拖拽功能，文中的示例代码讲解详细，感兴趣的小伙伴可以动手尝试一下2022-06-06
这篇文章主要介绍了jQuery鼠标移动图片上实现放大效果 ,需要的朋友可以参考下2017-06-06
当鼠标停留在表头边框线上，接着拖动鼠标，会在表格中出现一条随鼠标移动的竖线，最后放开鼠标，表格列宽会被调整2014-09-09
这篇文章给大家介绍了jQuery中clone()函数实现表单中增加和减少输入项的实例代码，非常不错，具有参考借鉴价值，需要的朋友参考下吧2017-05-05
通过jQuery打造支持汉字,拼音,英文快速定位查询的超级select插件
jQuery 超级select 插件 v3.0.0.0插件 支持汉字、拼音、英文快速定位查询的超级select插件。可方向键、tab 键快速选择。2010-06-06
这篇文章主要介绍了使用jQuery动态设置单选框的选中效果,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2018-12-12
最新评论