DOM window

window.innerHeight 是浏览器窗口可用的高度。

window.outerHeight 是浏览器窗口最大的高度。

打开chrome-inspector,上下移动inspector,看到screen右上角有坐标数字的变化。

window.scrollY  是当前顶部距离页面初始位置0的距离。创建滚动到顶,这个值是0。

 

HTML DOM offsetHeight Property

document.body.offsetHeight得到的是<body>元素(可以看到)的高度,包括padding, border, scrollbar, 不包括margin。(pixels)⚠️,可以看到的指content,忽略。

所以:

window.innerHeight + window.scrollY >= document.body.offsetHeight

指的是滚动到页面底部的情况。

scroll()方法被遗弃了,改用window.scrollTo(x, y)

所以,不会使用滚轴了。

猜你喜欢

转载自www.cnblogs.com/chentianwei/p/9393164.html
DOM