您现在的位置:首页 >> 前端 >> 内容

如何判断滚动条是否到底部?

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

  核心提示:需要三个值:窗口高度、滚动条高度、文档高度窗口高度表示为内容可视区域的高度document.documentElement.scrollHeight滚动条高度表示为滚动条在Y轴上的滚动距离docume...

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

窗口高度

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

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

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

作者:网络 来源:new_life12