滑动到底部加载事件
之前用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);
效果截图
文章图片
滑动到底部事件
推荐阅读
- 2018-02-06第三天|2018-02-06第三天 不能再了,反思到位就差改变
- 一个小故事,我的思考。
- 第三节|第三节 快乐和幸福(12)
- 你到家了吗
- 遇到一哭二闹三打滚的孩子,怎么办┃山伯教育
- 死结。
- 赢在人生六项精进二阶Day3复盘
- 子龙老师语录
- 异地恋中,逐渐适应一个人到底意味着什么()
- 即将到手三百万