前段时间,项目中用到了瀑布流加载更多数据,主要代码如下:
$(window).scroll(function () {
var contentH = $(document).height(); //内容高度
var scrollH = $(this).scrollTop(); //滚动高度
var viewH = $(this).height(); //可视高度
if(contentH-viewH-scrollH<100){ //当滚动条距离底部高度<100px
alert('滚动条距离底部不到100啦!');
//此处是滚动条距离底部100px时触发的事件,在这里写要加载的数据,或者是其他操作,我用了alert进行代替
}
});
注释:
- contentH : 内容高度,即已经加载的内容的高度;
- scrollH : 滚动高度,即滚动条滚动的距离;
- viewH : 可视高度,即容器的高度。