关于swiper和动画的一些体验
2016-07-29 14:48
190 查看
这周花了两天的时间磨一个动画,收获主要有一下几点:
swiper好用,swiper 的 loop 用的时候记得加上 loopAdditionalSlides, 不然手机上移动到循环衔接处的时候图片添加跟不上,会出现卡顿
动画效果最好别用获取DOM,用js添加动画的方式,这样的动画很卡顿,不流畅,css的动画支持则很好。
当 swiper loop 遇上 transition 动画,这时候在循环衔接处的元素动画会出现闪动
所以当移动元素遇上动画的时候,还是自己用 greensock 的 drag 自己写一个元素拖动吧,自己掌控的感觉还是比较爽,至少有bug知道怎么改 - -。
swiper好用,swiper 的 loop 用的时候记得加上 loopAdditionalSlides, 不然手机上移动到循环衔接处的时候图片添加跟不上,会出现卡顿
动画效果最好别用获取DOM,用js添加动画的方式,这样的动画很卡顿,不流畅,css的动画支持则很好。
keyframes写出来的动画只是动画,动画播完之后会回到调用该 animation 的 css 属性
transition 过渡属性则不然,这个比较接近 jQuery animation 的感觉
当 swiper loop 遇上 transition 动画,这时候在循环衔接处的元素动画会出现闪动
所以当移动元素遇上动画的时候,还是自己用 greensock 的 drag 自己写一个元素拖动吧,自己掌控的感觉还是比较爽,至少有bug知道怎么改 - -。
相关文章推荐
- 关于用户体验和界面设计方面的一些国外资源(没提供链接,需要google或百度一下)
- 关于用ANSYS有限元仿真软件划分网格的一些体验
- 关于产品的一些思考——腾讯之第二届腾讯校园CXO首席体验官大赛报名
- 体验C#——关于循环语句的一些有趣题目的实现
- 体验C#——关于一些循环语句
- 关于Android的一些体验
- 关于Flash制作动画的一些基础总结
- 关于用WUBI安装体验Ylmf-linux-1.15,出现(不能检索一些必需都文件)解决办法
- 关于用WUBI安装体验Ylmf-linux-1.15,出现(不能检索一些必需都文件)解决办法
- 关于一些动画的实现,参照此链接
- (笔记)关于3d建模软件中骨骼动画的一些概念
- 关于用户体验的一些总结
- 挑一些微博上关于西安公交的体验
- 关于用WUBI安装体验Ylmf-linux-1.15,出现(不能检索一些必需都文件)解决办法
- 有关于用户体验的一些总结
- 关于用户体验和界面设计方面的一些国外资源(提供链接了)
- 关于css3的Transition,Transforms以及动画的一些总结
- 【转】关于用户体验的一些总结
- uboot初体验-----一些关于nand设备启动的浅显的认识
- 动画里关于 CALayer 的一些零碎知识点