您的位置:首页技术文章
文章详情页

javascript - 移动端一个小效果

【字号: 日期:2023-06-21 13:02:22浏览:24作者:猪猪

问题描述

向下滚动,背景图片收缩。

问题:这动画怎么写比较流畅(移动端),

问题解答

回答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

回答2:

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

标签: JavaScript
相关文章: