2013-02-15 60 views
3

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

任何想法可能会导致此问题或解决方法?

回答

3

您是否尝试过硬件加速?它通常可以解决iOS设备上的闪烁问题。

-webkit-transform: translate3d(0,0,0) 

对于iOS 6,你可能需要添加:

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

这似乎已经解决了这一问题。非常感谢! – micahmills 2013-02-15 17:14:53

+0

我在iPad上遇到了同样的问题,而-webkit-transform:做到了!谢谢! – hbowman 2013-04-09 20:53:22

+0

如果在这个答案中有更多关于解决方案实现的细节,那将会很不错。 – ashack 2013-06-07 19:39:26