这个不顺畅是由于jq太大了么,如果自己写原生动画是不是会好很多,在ios的微信上看就挺流畅的
我也用过jqm,animate的性能的确不尽如人意,我也试过手写,实际效果跟jqm的差不多,估计jqm的性能也不差,卡顿的原因估计是安卓手机浏览器性能差点吧,同样的页面我在电脑相当顺畅。另外根据 @浅黑色 的说法,你可以去试试,我知道css3有一个-webkit-transition的属性,我提供思路了,你自行动手吧。
可以用css3
jquery
的话,如果1
的版本,是通过不断改变下拉的高度来实现的展开的,所以在android
上很不流畅,其实在IOS也不会很流畅的,这是桌面版和手机性能的关系。zepto
是利用css3
来实现的,所以在IOS
和android
上都是蛮流畅的。所以,移动端最好不要用jquery
去实现动画。另外,同样的动画效果在ios上就是要比android
流畅的,具体可以看看这个为什么 iOS 和 Android 在图形性能方面的差别那么大呢?
animate的性能在移动端确实有很大问题,一个折中的方案是用
translate3d
等3d变换css属性触发gpu加速去渲染页面。
有没有触发硬件加速呢?
没啥区别的 这俩~