Clever Geek Handbook

JQuery slideUp flashing on iOS

I have a collapsible nav menu made up of unordered lists that use .slideUp () and .slideDown () to hide and show the submenu. This works great on all desktop browsers. I am having an issue on iOS (ipad and iphone) where the sub nav will slide up and then flash the child text on top of other elements before it disappears. You can see an example of this at www.sweetrush.com.

Any idea what might be causing this or a way to fix it?

+3


source to share


1 answer


Have you tried hardware acceleration? This usually resolves to flicker for me on iOS devices.

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


For iOS 6, you probably need to add:

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


source






More articles:


All Articles