我正在使用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
,它会变慢...
好像是。褪色
与添加背景的过程有关。我希望加快模式从屏幕顶部移动到最终位置的过程。此过程在添加背景后进行。
在BootstrapV3中(我正好在v3.4.1上),您可以编辑模式。js
(或者如果您有一个聚合的bootstrap.js
,您可以找到由//模态类定义
头标记的模态部分)来完成您试图做的事情。
更改模式。TRANSITION_DURATION
和Modal。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