javascript - 行動端一個小效果

Question

向下捲動，背景圖片縮小。

問題：這動畫怎麼寫比較流暢（行動端），

Answer 1

想讓動畫流暢，可以為動畫所在在DOM元素加上css屬性：transition : all .8s ease;

語法：transition: property duration timing-function delay
transition-property ：規定設定過渡效果的css屬性名稱
transition-duration ：規定完成過渡效果需要多少秒或毫秒
transition-timing-function ：指定過渡函數，規定多少秒或毫秒速度效果的速度曲線
transition-delay ：指定開始出現的延遲時間
預設值分別為：all 0 ease 0

Answer 2

需求不明確吧，是不是向上滾動時，慢慢蓋住後邊的頂部背景圖，最終保留能看到一半的背景圖。如果是這樣的話就不需要做動畫了