最近在一个网页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:
代码如下: Loading…
实现方法是比较页面总高度和下滚高度以判断是否到达底端,蓝狮注册开户若到达底端则通过ajax读取更多的内容,用before插入到Loading之前。
stop参数是考虑到ajax读取耗时,防止在一次ajax读取过程中多次触发事件,造成多次加载内容。该项目已经被用到cctv7农视网站等项目中,如果你需要做这样的效果,请与切图网联系。
0 Comments