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

这篇关于javascript - 移动端一个小效果的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！