判断div滚动到底部

codepen

demo

代码:

如果scroll事件不触发的话,很可能是scorll事件绑错div了!

let dom = document.querySelector('textarea');
// div滚动事件
dom.onscroll = () => {
    
  // 意思就是内容总体的高度 - 滚动条的偏移值  === 元素的高度(包含内边)但不包含外边距,边框,以及滚动条
  if (dom.scrollHeight - dom.scrollTop === dom.clientHeight) {
    console.log('到达底部 do something');
  }

  // div滚到时:离底部不到30px时触发
  if (dom.scrollHeight - dom.scrollTop - dom.clientHeight <= 30) {
    console.log('离底部不到30px 提前发送请求');
  }
};
1
2
3
4
5
6
7
8
9
10
11
12
13
14

鼓励我一下:

觉得还不错的话,给我的项目点个star

游泳、健身了解一下:博客前端算法公众号

Last Updated: 1/1/2019, 3:29:46 PM