站内搜索:
首页 >> 前端 >> 内容
如何判断滚动条是否到底部?

时间:2017/10/30 15:55:46

需要三个值:窗口高度、滚动条高度、文档高度

窗口高度

表示为内容可视区域的高度

document.documentElement.scrollHeight

滚动条高度

表示为滚动条在Y轴上的滚动距离

document.getElement.scrollTop||document.body.scrollTop||window.pageYOffset

在此说一下各浏览器对scrollTop的兼容性

IE6/7/8

对于没有doctype声明的页面里面可以使用 document.body.scrollTop来获取scrollTop高度 对于有doctype声明的页面则可以使用document.documentElement.scrollTop Safari

它比较特别,有自己获取scrollTop的函数:window.pageYOffset Firefox:

直接用document.documentElement.scrollTop就可以

文档高度

表示为内容可视区域的高度加上溢出(滚动)的距离


document.documentElement.scrollHeight

所以判断滚动条是否到达底部,就是判断窗口高度+滚动条高度是否=文档高度

  • 上一篇:HTML/CSS知识
  • 下一篇:window对象、Location方法及open方法使用讲解
  • 返回顶部