之前用Vue制作知乎日报,因为新闻数据过多,不会一次性加载全部。所以采用滑动到底部之后再加载更多的新闻
JS实现思路
实现条件:窗口的高度(clientHeight
)+ 滚动的高度(scrollTop
)=> 元素内容的总高度(scrollHeight
)
总体:document.documentElement.scrollTop
+ document. body.clientHeight
=>
document.body.scrollHeight
function scb(){
let st = document.documentElement.scrollTop || document.body.scrollTop;
let ch = document.body.clientHeight;
let sh = document.body.scrollHeight;
if(st + ch == sh) {
console.log('it is bottom')
}
}
window.addEventListener('scroll',scb);
效果截图
![](https://img.haomeiwen.com/i10766661/b304e9016e07fd91.png)
网友评论