您的位置:首页 > Web前端 > JQuery

jquery实现瀑布流

2015-10-15 15:03 706 查看
var hght=0;//初始化滚动条总长

var curTop=0;//初始化滚动条的当前位置

$(function(){
$(window).scroll(function(){  
   hght=$(document).height();;//得到页面条总长,赋给hght变量
 //得到滚动条当前值,赋给top变量, $(window).height()位当前屏幕的高度
   curTop=$(document).scrollTop()+ $(window).height();
   if(curTop == hght){   //判断滚动条已经到底部
 loadMore();//如果是,调用show函数加载内容。
}
   });  

});

function loadMore(){
hght=0;//恢复滚动条总长,因为$(”#mypage”).scroll事件一触发,又会得到新值,不恢复的话可能会造成判断错误而再次加载……
curTop=0;//原因同上。
pageNo
= pageNo+1;
if(pageNo >= 4){
return false;
}

$.post()...
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: