Angular UI $modal 组件过渡

【问题标题】：Angular UI $modal component transitionAngular UI $modal 组件过渡
【发布时间】：2013-10-23 21:05:59
【问题描述】：

伙计们，

我正在使用来自 Angular UI (http://angular-ui.github.io/bootstrap/) 的 $modal 组件。每当模式打开时，它都会从顶部向下滚动。我只是想让它打开，而不是它现在具有的花哨的从顶部滚动的效果

有人知道如何实现吗？

【问题讨论】：

标签： angularjs

【解决方案1】：

将选项 windowClass 更改为 "modal fade in" 会删除动画幻灯片。

var modalInstance = $modal.open({
      windowClass: "modal fade in"
 });

除此之外，移除淡入淡出类会相信或不移除淡入淡出效果。

【讨论】：

【解决方案2】：

诀窍是使用 css 禁用动画。我已经实现了添加：

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

【讨论】：