用jquery的animate写的下拉展开在安卓上不顺畅,用zepto会顺畅么


这个不顺畅是由于jq太大了么,如果自己写原生动画是不是会好很多,在ios的微信上看就挺流畅的

jquery JavaScript zepto

疯馍D小次郎 8 years, 9 months ago

animate的性能在移动端确实有很大问题,一个折中的方案是用


 translate3d

等3d变换css属性触发gpu加速去渲染页面。

上帝的左手 answered 8 years, 9 months ago

我也用过jqm,animate的性能的确不尽如人意,我也试过手写,实际效果跟jqm的差不多,估计jqm的性能也不差,卡顿的原因估计是安卓手机浏览器性能差点吧,同样的页面我在电脑相当顺畅。另外根据 @浅黑色 的说法,你可以去试试,我知道css3有一个-webkit-transition的属性,我提供思路了,你自行动手吧。

净火的神子 answered 8 years, 9 months ago

可以用css3

野原新之助 answered 8 years, 9 months ago

有没有触发硬件加速呢?

战场原荡然 answered 8 years, 9 months ago

没啥区别的 这俩~

东方八云紫 answered 8 years, 9 months ago

jquery 的话,如果 1 的版本,是通过不断改变下拉的高度来实现的展开的,所以在 android 上很不流畅,其实在IOS也不会很流畅的,这是桌面版和手机性能的关系。 zepto 是利用 css3 来实现的,所以在 IOS android 上都是蛮流畅的。所以,移动端最好不要用 jquery 去实现动画。另外,同样的动画效果在ios上就是要比 android 流畅的,具体可以看看这个 为什么 iOS 和 Android 在图形性能方面的差别那么大呢?

neeeero answered 8 years, 9 months ago

Your Answer