当前位置： 移动技术网 > IT编程>开发语言>JavaScript > js中scroll滚动相关

js中scroll滚动相关

2019年10月02日  | 移动技术网IT编程  | 我要评论

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

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

二.窗口相关

1.window对象的scrollby() 和scrollto()

1.scrollby(x,y)

scrollby(x,y)方法滚动当前window中显示的文档，x和y指定滚动的相对量。

scrollby(0, 200) ==> 使得滚动条y轴的位置，在当前的基础上增加200。比如：当前y轴位置为0，执行后便是200；当前为100，执行后便是300。

  • 要使此方法工作 window 滚动条的可见属性必须设置为true！

2.scrollto(x,y)

scrollto(xpos,ypos)

  • xpos 必需。要在窗口文档显示区左上角显示的文档的 x 坐标。
  • ypos 必需。要在窗口文档显示区左上角显示的文档的 y 坐标。

scrollto(x,y)方法：滚动当前window中显示的文档，让文档中由坐标x和y指定的点位于显示区域的

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网