smooth scroll
在 window 物件當中,提供了 scrollTo(x, y) 的方法,我們可以透過 scrollTo 來操作滾動。但, scrollTo 方法是直接讓滾動軸移到指定的位置,並沒有動畫的效果,如果要藉由動畫的幫助達到良好的使用者體驗,我們必須自己設計。 基本動畫知識在開始之前先來讓我們了解一下動畫的基礎吧! 動畫最基本的要素有這些: 時間 = 距離(位移)/ 速度 位移 = 速度 * 時間 速...
一位在台北求生存的大學生。喜歡看日劇、喝☕️、吃🍖。
在 window 物件當中,提供了 scrollTo(x, y) 的方法,我們可以透過 scrollTo 來操作滾動。但, scrollTo 方法是直接讓滾動軸移到指定的位置,並沒有動畫的效果,如果要藉由動畫的幫助達到良好的使用者體驗,我們必須自己設計。 基本動畫知識在開始之前先來讓我們了解一下動畫的基礎吧! 動畫最基本的要素有這些: 時間 = 距離(位移)/ 速度 位移 = 速度 * 時間 速...