2013-02-15 6 views
3

У меня есть сворачивающееся навигационное меню, состоящее из неупорядоченных списков, в которых используются .slideUp() и .slideDown(), чтобы скрыть и отобразить подменю. Это отлично работает на всех настольных браузерах. У меня возникла проблема с iOS (ipad и iphone), в которой суб-навигатор будет скользить вверх, а затем вспыхивает дочерний текст поверх других элементов, прежде чем он исчезнет. Вы можете увидеть пример этого на www.sweetrush.com.jQuery slideUp мигает на iOS

Любая идея о том, что может быть причиной этого или путем его устранения?

ответ

3

Вы пробовали аппаратное ускорение? Обычно это решает мерцать для меня на устройствах iOS.

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

Для IOS 6 вы, вероятно, придется добавить:

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

Это, кажется, исправили проблему. Спасибо! – micahmills

+0

У меня была та же проблема на iPad, и -webkit-transform: сделал трюк! Спасибо! – hbowman

+0

Было бы неплохо, если бы в этом ответе была более подробная информация о реализации вашего решения. – ashack