Тег Div исчезает после завершения анимации на ipad при использовании jquery slideDown - PullRequest
Новая
       27

Тег Div исчезает после завершения анимации на ipad при использовании jquery slideDown

0 голосов
/ 31 января 2012

Я использую $('div#MainNavigation').slideDown('medium');, чтобы скользить вниз по тегу div.По завершении анимации на iPad она исчезает.

Сайт, на котором я пользуюсь, - www.missbossyboots.com.au. При нажатии на логотип в левом верхнем углу активируется скользящий код.

Ответы [ 3 ]

3 голосов
/ 02 августа 2012

Для меня, в отличие от Гэвина Брюса, из-за подкладки дна мой div исчез!

Чтобы исправить это, я просто добавляю css " overflow: hidden; " к элементу slideUp / slideDown (в моем случае это div).

0 голосов
/ 21 октября 2013

У меня та же (или похожая) проблема - содержимое «прыгает за пределы» своего контейнера после перехода jquery slideDown (). Для меня это не имеет ничего общего с z-index. Я решил это, убрав стиль «позиция: относительная»; (делает его "статичным") для элемента, который прыгает. Мне все еще неясно, почему это происходит, и удаление позиции: родственник - не всегда вариант. Я использую jquery 1.9.1, и я не уверен, что это ошибка в jquery.

0 голосов
/ 18 апреля 2012

Я знаю, что опаздываю на вечеринку, но я нашел этот вопрос, когда испытывал эту самую проблему, и комментарий Гэвина НЕ решил мою проблему (и при этом не выглядел бы корректно с данным дизайном).

Пока я бился головой о стену, так как это работало должным образом во всех браузерах , за исключением IOS Safari, я наконец-то обнаружил виновника в МОЕМ случае:

неуместный z-index тег.

Вот "облегченная" версия моего кода: 

<div class="children"> <!-- this is the container, which is the target of a jQuery slideDown() -->
    <ul> <!-- this element would "pop" outside of the container after animation completed -->
        <li><a href="#">Menu Item 1</a><li>
        <li><a href="#">Menu Item 2</a><li>
        <li><a href="#">Menu Item 3</a><li>
    </ul>
</div>

Изначально я применил z-index: 3000; к элементу <ul>.

После того, как я удалил его из ul и переместил в элемент <div class="children">, мои проблемы исчезли, и ul остался на том же месте, что и после анимации.

...