如何在JQuery动画中强制硬件加速?

时间:2014-04-16 18:03:40

标签: jquery animation

$("#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就是一个很好的例子。)

0 个答案:

没有答案