原生JS scroll()、scrollTo()、scrollBy()

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() { scrollBy(0, 20) }, 200)