$("#touchmenuwrap").hide();
$("#touchmenubutton").click(function(){
$("#touchmenuwrap").slideToggle(200);
});
如何硬件加速此slideToggle并防止在移动设备上闪烁?
我遇到了这个标记,但我不确定如何实现它,即使这是我需要的。
.webkitForceHardwareAcceleration(){
-webkit-transform:translate3d(0,0,0);
-webkit-backface-visibility:hidden;
-webkit-perspective:1000;
}
非常感谢任何帮助!
SOLUTION / UPDATE:
我找不到任何可靠硬件加速JQuery动画的方法,所以我发现使用3D过渡黑客的CSS3过渡等效和硬件加速。它消除了所有闪烁并在触摸设备上加速了大约80-90%但是为了在触摸设备上实现100%平滑的动画,似乎必须潜入更严重的Web应用领域,因为100%平滑过渡是可能的( squarespace.com就是一个很好的例子。)