【问题标题】:Bootstrap accordion weird bounce in safariBootstrap 手风琴在 Safari 中的奇怪反弹
【发布时间】:2016-03-20 18:37:16
【问题描述】:

我为我的网站制作了 bootstrap 手风琴。除了在 Safari 中,一切都完美无缺。

我正试图找出问题所在。

如果您正在运行 Safari,您会看到问题here

另外,我添加到这个手风琴的一小段 css 代码是:

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility;
}

问题不在上面的代码中,因为我在没有它的情况下测试了手风琴,但我在 Safari 中仍然遇到同样的问题。

我们将不胜感激。

【问题讨论】:

    标签: css twitter-bootstrap safari


    【解决方案1】:
      .collapse {
      -webkit-transition: height 0s ease;
      -moz-transition: height 0.35s ease;
      -o-transition: height 0.35s ease;
       transition: height 0.35s ease;
       }
    

    【讨论】:

    • 还是同样的问题。无论如何,谢谢你,但这没有帮助。
    • 很抱歉,您是否使 -webkit-transition: height 0s 轻松; ??因为它在低时间做一个混蛋
    • 我正在使用 safari 5.1.7,当我禁用转换时,它可以切换,但有点混蛋,实际上它发生在后期转换,显示高度打开然后关闭然后再次打开
    • 我解决了。昨天我将你的 CSS 添加到类 .collapsing 而不是 .collapse :)。那是我的错误。这行得通。谢谢
    • 嘿@Potta 我有完全相同的问题,但这个解决方案对我不起作用,我在 iframe 上加载 pdf 的事实会影响整个手风琴行为吗?伙计们真的需要一些光明。
    猜你喜欢
    • 2021-06-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-10-26
    • 1970-01-01
    • 2016-01-24
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多