scroll, 滚动, 一般讨论的是网页整体与浏览器之间的关系.
一. 元素相关
属性 / 方法 | 解释 |
---|---|
element.scrollHeight | 返回元素的整体高度。 |
element.scrollWidth | 返回元素的整体宽度。 |
element.scrollLeft | 返回元素左边缘与视图之间的距离。 |
element.scrollTop | 返回元素上边缘与视图之间的距离。 |
这四个属性, 全部是只读属性
其中, 无非就是分为宽高和左上.
两个方向.
1.scrollHeight 和 scrollWidth
使用 scrollHeight 和 scrollWidth 属性返回元素的高度, 单位为 px, 包括 padding
scrollHeight 和 scrollWidth 返回的数值是包括当前不可见部分的.
scrollHeight 和 scrollWidth 属性为只读属性
2.scrollLeft 和 scrollTop
需要一个监听方法
还存在浏览器兼容问题
二. 窗口相关
1.Windows 对象的 scrollBy() 和 scrollTo()
1.scrollBy(x,y)
scrollBy(x,y) 方法滚动当前 Windows 中显示的文档, x 和 y 指定滚动的相对量.
scrollBy(0, 200) ==> 使得滚动条 Y 轴的位置, 在当前的基础上增加 200. 比如: 当前 Y 轴位置为 0, 执行后便是 200; 当前为 100, 执行后便是 300.
要使此方法工作 Windows 滚动条的可见属性必须设置为 true!
- 2.scrollTo(x,y)
- scrollTo(xpos,ypos)
xpos 必需. 要在窗口文档显示区左上角显示的文档的 x 坐标.
ypos 必需. 要在窗口文档显示区左上角显示的文档的 y 坐标.
scrollTo(x,y) 方法: 滚动当前 Windows 中显示的文档, 让文档中由坐标 x 和 y 指定的点位于显示区域的
来源: http://www.jianshu.com/p/c6cd1a035e45