大家好，欢迎来到IT知识分享网。
最近在一个网页h5切图的前端开发项目中碰到需要做这样一个效果，用插件的好处是快捷，但是碰到一些需要根据情况制定的项目时候，用原生jquery代码是最好最多变的方式，下面介绍了基于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读取过程中多次触发事件，造成多次加载内容。该项目已经被用到切图网的客户cctv7农视网站等项目中，切图网致力于psd转html5前端开发服务，关注用户体验，如果你对web前端感兴趣，可以加我们公众微信号：qietuwang
免责声明：本站所有文章内容,图片，视频等均是来源于用户投稿和互联网及文摘转载整编而成，不代表本站观点，不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益，请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权，请联系删除，如若转载，请注明出处：https://yundeesoft.com/87473.html
