Swiper中文论坛
标题:
swiper animate做的动画在安卓上有卡顿
[打印本页]
作者:
abrubru
时间:
2016-2-17 11:16
标题:
swiper animate做的动画在安卓上有卡顿
楼主没玩过前端,刚使用swiper不久,就是用它来做一些微信上的产品宣传。 最近用swiper做了个项目,30几个slide,每个slide里面平均有四个动画,都是用swiper animate做的,总共有100多张图片,项目总大小5M多,但问题是,这个项目在PC端跑着不卡,在IOS上运行也还可以,只是在android手机上跑动画会卡得飞起(尤其是一个slide里有多个页面),请问是什么原因?(注:项目最后是要跑在一个app上的,app会事先把它下载到本地,所以,应该和网络请求关系不大)
附其中一个slide的内容
<div class="swiper-slide">
<img full src="../resource/images/10022.png" style="position:absolute; left:0%;"></img>
<img full src="../resource/images/10023.png" class="ani" swiper-animate-effect="bounceIn" swiper-animate-duration="1s" swiper-animate-delay="1.4s" style="position:absolute; left:0%;"></img>
<img full src="../resource/images/10024.png" style="position:absolute; left:0%;"></img>
<img full src="../resource/images/10025.png" style="position:absolute; left:0%;"></img>
<img full src="../resource/images/10026.png" class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.9s" style="position:absolute; left:0%;"></img>
<img full src="../resource/images/10027.png" class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.6s" style="position:absolute; left:0%;"></img>
<img full src="../resource/images/10028.png" class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s" style="position:absolute; left:0%;"></img>
<img full src="../resource/images/10029.png" class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0s" style="position:absolute; left:0%;"></img>
<img id="arrow" src="../resource/images/icon_up.png" alt="" class="swiper-button-next arrow-up pt-page-moveIconUp">
</div>
谢谢!!
作者:
abrubru
时间:
2016-2-17 11:29
求高人解答,现在客户那边很是不满。
作者:
Imever
时间:
2016-3-10 17:57
web app上 是会出现卡顿现象 换个插件吧
欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/)
Powered by Discuz! X3.2