js中scroll滚动相关

js中scroll滚动相关

scroll，滚动，一般讨论的是网页整体与浏览器之间的关系。

一.元素相关

属性/方法	解释
element.scrollHeight	返回元素的整体高度。
element.scrollWidth	返回元素的整体宽度。
element.scrollLeft	返回元素左边缘与视图之间的距离。
element.scrollTop	返回元素上边缘与视图之间的距离。

这四个属性，全部是只读属性

其中，无非就是分为宽高和左上。
两个方向。

1.scrollHeight 和 scrollWidth

• 使用scrollHeight和scrollWidth属性返回元素的高度，单位为px,包括padding
• scrollHeight 和 scrollWidth返回的数值是包括当前不可见部分的。
• scrollHeight 和 scrollWidth 属性为只读属性

2.scrollLeft 和 scrollTop

• 需要一个监听方法
• 还存在浏览器兼容问题

二.窗口相关