文章详情页
javascript - 移动端一个小效果
浏览:322日期: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. docker images显示的镜像过多,狗眼被亮瞎了,怎么办?2. docker api 开发的端口怎么获取?3. docker镜像push报错4. PHP中的$this代表当前的类还是方法?5. macos - mac下docker如何设置代理6. 如何解决Centos下Docker服务启动无响应,且输入docker命令无响应?7. 老师,flex-shrink: 1; 按视频操作,不会自动缩放8. 前端 - 类到底该如何去命名 .newsList 这种的命名难道真的不是过度语义化吗?~9. sublime-text - sublime text 3中编译python(sublimeREPL),如何仅运行单行/选定部分10. android glide asbitmap 在baseadpter中的问题
排行榜

网公网安备