Question

我正在使用$('div#MainNavigation').slideDown('medium');向下滑动div标签。在iPad上完成动画后，它就会消失。

我正在使用此网站的网站是www.missbossyboots.com.au点击左上方的徽标可激活滑动代码。

Answer 1

对我来说，与Gavin Bruce相反，正是因为填充底部我的div消失了！

要修复它，我只需将一个css“ overflow：hidden; ”添加到slideUp / slideDown元素（在我的情况下为div）。

Answer 2

我知道我迟到了，但是当我遇到这个问题时我发现了这个问题，而Gavin的评论并没有解决我的问题（对于给定的设计，它看起来也不正确）。

当我正在敲打墙头时，因为这在除了 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在动画之后仍然存在。

Answer 3

我遇到了相同（或类似）的问题 - 在jquery slideDown（）转换后，内容正在“跳出”它的容器。对我来说，它与z-index无关。我通过删除样式“position：relative;”解决了这个问题。（使其成为“静态”）跳跃的元素。我仍然不清楚为什么会发生这种情况，并且取消位置：亲戚并不总是一个选择。我正在使用jquery 1.9.1，我不确定这是否是jquery中的错误。

使用jquery slideDown时，在ipad上完成动画后，Div标签会消失

3 个答案: