如何在JQuery动画中强制硬件加速?
如何通过硬件加速这种滑动切换并防止移动设备上的闪烁 我遇到了这个标记,但不确定如何实现它,即使这是我需要的如何在JQuery动画中强制硬件加速?,jquery,animation,Jquery,Animation,如何通过硬件加速这种滑动切换并防止移动设备上的闪烁 我遇到了这个标记,但不确定如何实现它,即使这是我需要的 $("#touchmenuwrap").hide(); $("#touchmenubutton").click(function(){ $("#touchmenuwrap").slideToggle(200); }); 任何帮助都将不胜感激 解决方案/更新: 我找不到任何可靠的硬件加速JQuery动画的方法,所以我简单地找到了CSS3转换等价物,并使用3D转换技术进行了硬
$("#touchmenuwrap").hide();
$("#touchmenubutton").click(function(){
$("#touchmenuwrap").slideToggle(200);
});
任何帮助都将不胜感激
解决方案/更新:
我找不到任何可靠的硬件加速JQuery动画的方法,所以我简单地找到了CSS3转换等价物,并使用3D转换技术进行了硬件加速。它消除了所有闪烁,并在触摸设备上加快了80-90%的速度,但要在触摸设备上实现100%平滑的动画,似乎必须深入到更严重的web应用领域,因为100%平滑的过渡可能是squarespace.com的一个很好的例子。如果需要,用户可以启用或禁用硬件加速在浏览器设置中可用,但您不能覆盖它。我希望jQuery能够自动处理这个问题,这就是使用库的意义所在。也许您需要使用jQuery Mobile来获得特定于移动设备的优化。如果我不能在jQuery动画中强制硬件加速,那么触发CSS动画并加速它会更好吗?如果有什么需要,浏览器甚至显示驱动程序都应该这样做。JQuery离硬件太远了,没什么可说的!这也是我的印象,但JQuery并不是浏览器的本地语言,它解释了这些起伏的动画。CSS3转换是本地的,因为CSS处理器在C++中编码,这意味着本地动画解释了平滑性。
.webkitForceHardwareAcceleration(){
-webkit-transform:translate3d(0,0,0);
-webkit-backface-visibility:hidden;
-webkit-perspective:1000;
}