文章详情页
javascript - 移动端一个小效果
浏览:136日期:2023-06-21 13:02:22
问题描述
向下滚动,背景图片收缩。
问题:这动画怎么写比较流畅(移动端),
问题解答
回答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
相关文章:
1. javascript - [MUI 子webview定位]2. javascript - angularjs怎么获取repeat里的某些$index值?3. javascript - 如何做出pc网站随鼠标滚动动态出现效果4. java - spring-security与微信登录的问题?5. android-studio - android studio 结巴了,有什么办法可以治好它吗?6. 前端 - ng-view不能加载进模板7. docker-compose 为何找不到配置文件?8. Android下,rxJava+retrofit 并发上传文件和串行上传文件的效率为什么差不多?9. javascript - 求解答:实例对象调用constructor,此时constructor内的this的指向?10. html5和Flash对抗是什么情况?
排行榜
