Angular UI $模态组件转换

时间:2013-10-23 21:06:00

标签: angularjs

民间,

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

Plnkr:      http://plnkr.co/edit/?p=preview

任何人都知道如何实现这一目标?

2 个答案:

答案 0 :(得分:12)

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

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

Plunker

除了删除淡入淡出类之外,还会相信它是否会消除淡入淡出效果。

答案 1 :(得分:5)

诀窍是使用css禁用动画。我已经实现了这一点:

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

到样式表。请参阅此plunkr:http://plnkr.co/edit/43oCGtDb3CaP9bwgW5gm?p=preview