Css angularjs中的警报对话框导致页面滚动到顶部_Css_Angularjs

Css angularjs中的警报对话框导致页面滚动到顶部

css angularjs

Css angularjs中的警报对话框导致页面滚动到顶部,css,angularjs,Css,Angularjs,我想在angularjs应用程序中使用警报对话框，而不是所有的$window.alert显示。在应用程序的每个控制器中，我插入了以下内容（）：在我的style.css文件中，我添加了以下内容： .md-dialog-is-showing { top: 0 !important; } 问题在于，调用$scope.showarter时，模式对话框下的页面会在顶部滚动，而当我关闭对话框时，该页面会返回到上一个位置。如何防止滚动到顶部，以便在调用对话框的同一位置打开对话框 ---------

我想在angularjs应用程序中使用警报对话框，而不是所有的

$window.alert

显示。在应用程序的每个控制器中，我插入了以下内容（）：

在我的style.css文件中，我添加了以下内容：

.md-dialog-is-showing {
    top: 0 !important;
}

问题在于，调用$scope.showarter时，模式对话框下的页面会在顶部滚动，而当我关闭对话框时，该页面会返回到上一个位置。如何防止滚动到顶部，以便在调用对话框的同一位置打开对话框

----------编辑----------

我试图删除添加的css规则，但整个网页，包括对话框，都没有出现。我注意到，在body标签中，自动生成的样式如下（顶部：-1505px导致问题）

...

问题似乎出在您添加的css上。删除它并尝试使用modal againI从body

overflow-x:hidden中删除了css规则现在它可以工作了
.md-dialog-is-showing {
    top: 0 !important;
}

<body ng-app="configuratorApp" class="ng-scope md-dialog-is-showing" style="position: fixed; width: 100%; top: -1505px; overflow: hidden;">

<md-backdrop class="md-dialog-backdrop md-opaque ng-scope" style="height: 2059px; position: fixed;" aria-hidden="true"></md-backdrop> ...