关闭动画、模态、angular-ui [英] Turn off animation, modal, angular-ui

问题描述

是否可以关闭angular-ui中modal指令的动画?http://angular-ui.github.io/bootstrap/

Is it possible to turn off the animation for the modal directive in angular-ui? http://angular-ui.github.io/bootstrap/

在选项中找不到任何内容.我应该修改源吗?或者当您想自定义时有什么最佳实践吗?

Can't find any in the options. Should I modify the source? Or is there any best practice when you want to customize?

推荐答案

目前，引导类嵌入在指令中，需要被覆盖.如果您想防止垂直漂移"到模态窗口的位置，请在您的 css 中放置以下 2 个类:

Currently, the bootstrap classes are embedded in the directive and need to be overridden. If you want to prevent that vertical 'drift' into position of the modal window, place the following 2 classes in your css :

.modal.fade {
  opacity: 1;
}

.modal.fade .modal-dialog, .modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

您将在这里完成的是对现有翻译的否定.不理想，但可以解决问题.

What you would be accomplishing here is the negation of the existing translations. Not ideal, however will do the trick.

这篇关于关闭动画、模态、angular-ui的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！