扫码关注官方订阅号
这个不顺畅是由于jq太大了么,如果自己写原生动画是不是会好很多,在ios的微信上看就挺流畅的
闭关修行中......
jquery的话,如果1的版本,是通过不断改变下拉的高度来实现的展开的,所以在android上很不流畅,其实在IOS也不会很流畅的,这是桌面版和手机性能的关系。zepto是利用css3来实现的,所以在IOS和android上都是蛮流畅的。所以,移动端最好不要用jquery去实现动画。另外,同样的动画效果在ios上就是要比android流畅的,具体可以看看这个为什么 iOS 和 Android 在图形性能方面的差别那么大呢?
jquery
1
android
zepto
css3
IOS
没啥区别的 这俩~
有没有触发硬件加速呢?
可以用css3
我也用过jqm,animate的性能的确不尽如人意,我也试过手写,实际效果跟jqm的差不多,估计jqm的性能也不差,卡顿的原因估计是安卓手机浏览器性能差点吧,同样的页面我在电脑相当顺畅。另外根据 @浅黑色 的说法,你可以去试试,我知道css3有一个-webkit-transition的属性,我提供思路了,你自行动手吧。
animate的性能在移动端确实有很大问题,一个折中的方案是用
translate3d
等3d变换css属性触发gpu加速去渲染页面。
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
jquery的话,如果1的版本,是通过不断改变下拉的高度来实现的展开的,所以在android上很不流畅,其实在IOS也不会很流畅的,这是桌面版和手机性能的关系。zepto是利用css3来实现的,所以在IOS和android上都是蛮流畅的。所以,移动端最好不要用jquery去实现动画。另外,同样的动画效果在ios上就是要比android流畅的,具体可以看看这个为什么 iOS 和 Android 在图形性能方面的差别那么大呢?没啥区别的 这俩~
有没有触发硬件加速呢?
可以用css3
我也用过jqm,animate的性能的确不尽如人意,我也试过手写,实际效果跟jqm的差不多,估计jqm的性能也不差,卡顿的原因估计是安卓手机浏览器性能差点吧,同样的页面我在电脑相当顺畅。另外根据 @浅黑色 的说法,你可以去试试,我知道css3有一个-webkit-transition的属性,我提供思路了,你自行动手吧。
animate的性能在移动端确实有很大问题,一个折中的方案是用
等3d变换css属性触发gpu加速去渲染页面。