JQuery实现页面随滚动条滚动而动态加载内容的效果

分享一段网站找到的js特效代码,基于jquery

效果是类似cnbate.com,滚动条下拉到底部的时间,在下面自动加载新内容,就可以免分页了。不过cnbeta貌似不支持chrome

[codesyntax lang=”javascript”]

$(window).scroll(function(){
aa=parseInt($(document).height()); //获取文档的高度
oo=parseInt($(document).scrollTop()); //获取滚动条到顶部的垂直高度

if((aa-oo)<800){
if(!window.ia){
ia=1;
$.post("sys.php",{work:"hotels",s:('a=c+d 中国e+f&g>h')},function(msg){//用ajax即时获取伺服器上的资料
if(msg.length>0){
$("#index #tab5 #tab19").last().after(msg);
ia=null;
}else{
$("#index #div2").last().remove();
$("#index #tab5 #tab19").last().after('<span>Error:没有搜寻到任何结果,请尝试更换搜寻条件!</span>');
}
});
}
}
});

[/codesyntax]

JQuery实现页面随滚动条滚动而动态加载内容的效果》有1个想法

评论已关闭。