文章详情页
javascript - 移动端一个小效果
浏览:93日期: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. android下css3动画非常卡,GPU也不差啊2. 为什么我ping不通我的docker容器呢???3. docker - 各位电脑上有多少个容器啊?容器一多,自己都搞混了,咋办呢?4. golang - 用IDE看docker源码时的小问题5. 在windows下安装docker Toolbox 启动Docker Quickstart Terminal 失败!6. javascript - jQuery中live事件在移动微信端下没有效果;代码如下7. mysql查询排序问题8. mysql - 求SQL语句9. php - TP5的登录验证问题10. 后台系统的左侧导航窗格如何修改
排行榜
