【问题标题】:Bootstrap 2 modal animation delayBootstrap 2 模态动画延迟
【发布时间】:2014-02-01 23:58:42
【问题描述】:

所以我遇到了默认模态动画的问题。

我知道如何使用模态窗口自定义淡入动画的动画速度,但是有一个问题。

.modal-backdrop div 淡入和实际 .modal div 淡入之间存在延迟。我意识到这种延迟最初是为了说明模态主体从顶。

我已经删除了顶部的向下滑动动画,只是想要一个简单、快速的淡入。

无论我对.modal.fade / .modal.fade.in classes 应用何种hackyness,我似乎都无法消除这种延迟。

这种延迟在 Bootstrap 中是从哪里来的?

【问题讨论】:

  • 你是怎么去掉幻灯片动画的?

标签: css twitter-bootstrap css-transitions


【解决方案1】:

如果您只是删除幻灯片过渡,其他一切似乎都可以正常工作。

http://jsfiddle.net/isherwood/vvsnB/

.modal.fade {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

【讨论】:

  • 我能达到和你一样的观点,但我注意到两件事:1,模态体实际上并没有淡入,只是它之前的背景。 2、当你关闭modal时,body不淡出,背景延迟约1秒后淡出。这些就是我要谈论的问题。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2012-05-10
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多