JS： scroll()、scrollTo()、scrollBy()，跳转到进度条指定位置,单位是像素

wcdunf

于 2021-04-29 16:15:30 发布

阅读量3.9k

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/wcdunf/article/details/116271394

版权

js 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

scroll()  此方法接收两个参数，依次为X坐标和Y坐标；设置滚动条的偏移位置

scrollTo() 此方法和scroll()作用一样，都是设置滚动条的偏移位置。

scrollBy() 此法发同样接收两个参数，不过参数分别为X轴的偏移量和Y轴的偏移量，并且可以增加或者减少。



scroll()例子： scroll(0, 200)  ==>  设置滚动条Y轴位置在200像素的地方。比如：当前坐标为0，执行后便是200，当前坐标为100，执行后是200。

scrollTo()例子： scrollTo(0, 200) ==> 同scroll()方法,设置Y轴在200像素的位置。

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



体现scrollTo()和scrollBy()方法区别的例子：  setInterval(function() { documet.scrollBy(0, 20) }, 200)