iOS上闪烁的jQuery幻灯片

iOS上闪烁的jQuery幻灯片,jquery,slideup,Jquery,Slideup,我有一个由无序列表组成的折叠导航菜单,它使用.slideUp()和.slideDown()隐藏和显示子菜单。这在所有桌面浏览器上都非常有效。我在iOS(ipad和iphone)上遇到了一个问题,子导航会向上滑动,然后在其他元素上闪烁子文本,直到它消失。你可以在www.sweetrush.com上看到一个例子 你知道是什么导致了这种情况,或者有什么方法可以解决它吗?你试过硬件加速吗?它通常可以解决iOS设备上的闪烁问题 -webkit-transform: translate3d(0,0,0)

我有一个由无序列表组成的折叠导航菜单,它使用.slideUp()和.slideDown()隐藏和显示子菜单。这在所有桌面浏览器上都非常有效。我在iOS(ipad和iphone)上遇到了一个问题,子导航会向上滑动,然后在其他元素上闪烁子文本,直到它消失。你可以在www.sweetrush.com上看到一个例子


你知道是什么导致了这种情况,或者有什么方法可以解决它吗?

你试过硬件加速吗?它通常可以解决iOS设备上的闪烁问题

-webkit-transform: translate3d(0,0,0)
对于iOS 6,您可能需要添加:

-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;

这似乎解决了这个问题。非常感谢!我在iPad上也遇到了同样的问题,还有-webkit转换:成功了!非常感谢。如果在这个答案中有更多关于解决方案实现的细节,那就太好了。