Javascript – Ein kleiner Effekt auf dem mobilen Endgerät

Question

Scrollen Sie nach unten und das Hintergrundbild wird kleiner.

Frage: Wie kann ich diese Animation reibungsloser schreiben (mobile Version),

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

需求不明确吧，是不是向上滚动时，慢慢盖住后边的顶部背景图，最终保留能看到一半的背景图。如果是这样的话就不需要做动画了