提问者:小点点

如何调整启动模式打开的延迟?


我正在使用gem“bootstrap sass”~

我自己的模式是这样开始的:

#Modal.modal.hide.fade{"aria-hidden" => "true", "aria-labelledby" => "jobsModalLabel", :role => "dialog", :tabindex => "-1"}

我像这样打开我的模型:

$("#Modal").modal().css "margin-left": ->
        -($(@).width() / 2)

我想让它加载得更快,但我无法从文档中了解如何控制延迟时间。我已尝试删除。从我的模式中淡出类,但这会加快加载速度。所以我需要保持淡入淡出的功能,但只是让它更快。

不确定这是js还是css问题。我想这两种方法都可以解决,但我不知道如何解决。

当我用下面的代码覆盖我的

.fade {
   opacity: 0;
   -webkit-transition: opacity 0.01s linear;
      -moz-transition: opacity 0.01s linear;
       -ms-transition: opacity 0.01s linear;
        -o-transition: opacity 0.01s linear;
           transition: opacity 0.01s linear;
}

如果我增加到例如3.00s,它会变慢...

好像是。褪色与添加背景的过程有关。我希望加快模式从屏幕顶部移动到最终位置的过程。此过程在添加背景后进行。


共1个答案

匿名用户

在BootstrapV3中(我正好在v3.4.1上),您可以编辑模式。js(或者如果您有一个聚合的bootstrap.js,您可以找到由//模态类定义头标记的模态部分)来完成您试图做的事情。

更改模式。TRANSITION_DURATIONModal。BACKDROP_TRANSITION_DURATION到非常低的东西,比如0或1-

  ...
  Modal.TRANSITION_DURATION = 1
  Modal.BACKDROP_TRANSITION_DURATION = 1
  ...

然后,转换将尽可能在瞬间发生。

这是我指的源代码的链接--https://github.com/twbs/bootstrap/blob/v3.4.1/js/modal.js#L39