【问题标题】:How can I make Twitter Bootstrap modal animation faster?如何使 Twitter Bootstrap 模态动画更快?
【发布时间】:2023-03-06 02:06:02
【问题描述】:

我真的很喜欢 Twitter Bootstrap 模式,但是用动画显示它有点慢。我会说大约 500 毫秒。

有没有办法让它更快?我查看了bootstrap-modal.js,但找不到任何可以提供帮助的令人信服的内容。

而且,我不想完全停用动画,因为我发现这是一个让响应时间在用户眼中看起来更快的好技巧;o)

【问题讨论】:

  • 好问题。就我而言,我正在构建的 SPA 广泛使用模态......及其相关事件$('#myModal').on('shown.bs.modal', function () { .... } 来触发其他逻辑。当需要对这些东西进行单元测试时,我想加快执行速度

标签: twitter-bootstrap twitter-bootstrap-rails


【解决方案1】:

【讨论】:

  • 根据该链接答案修改 .fade 类仅用于调整背景褪色速度。下滑和上滑速度似乎没有变化。
  • 除了,如果你把fade类完全去掉,那么也没有滑动动画。
  • 正如@Aryo 指出的那样,修改.fade 不会影响模态幻灯片动画。还有另一个线程显示了如何解决这个问题。请参阅下面的答案。
【解决方案2】:

可以通过修改 bootstrap.css 中的 .modal.fade .modal-dialog 来更改幻灯片动画,如下所示:Modify Bootstrap Modal Transition

聚会迟到了,但是这个问题是谷歌的第一个搜索结果,问题还没有真正得到回答。所以,我认为这可能会对某人有所帮助。干杯!

【讨论】:

    猜你喜欢
    • 2013-02-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-01-07
    • 2015-06-04
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多