javascript - 移動端一個小效果

問題描述

向下滾動，背景圖片收縮。

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

問題解答

想讓動畫流暢，可以給動畫所在在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

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