原生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)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM