Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在JQuery动画中强制硬件加速?_Jquery_Animation - Fatal编程技术网

如何在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;
    }