js中scroll转动

scroll,转动,一样平常讨论的是网页整体与浏览器之间的关系。 一.元素相关 element.scrollHeight 返回元素的整体高度。 element.scrollWidth 返回元素的整体宽度。 element....

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指定的点位于显示区域的


思源资源网:分类流动

1.阿里云: 本站现在使用的是阿里云主机,平安/可靠/稳固。点击领取2000米代金券、领会最新阿里云产物的种种优惠流动点击进入

2.腾讯云: 提供云服务器、云数据库、云存储、视频与CDN、域名等服务。腾讯云各种产物的最新流动,优惠券领取点击进入

3.广告同盟: 整理了现在主流的广告同盟平台,若是你有流量,可以作为参考选择适合你的平台点击进入

链接: http://www.fly63.com/article/detial/5632

  • 发表于 2021-02-11 16:47
  • 阅读 ( 277 )
  • 分类:互联网

0 条评论

请先 登录 后评论
林先生
林先生

678 篇文章

你可能感兴趣的文章

相关问题