Wit*_*ier 6 firefox angularjs angular-material
嗨,当我在firefox中使用Angular材质打开一个对话框窗口时.关闭对话框后,页面滚动到顶部.谁能解释为什么会发生这种情况或有解决方法.
请参阅https://codepen.io/WitteStier/full/EmzKQb/
HTML
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body ng-app="App" ng-controller="AppCtrl">
<div style="height:1500px;">Scroll down</div>
<md-button ng-click="openDialog($event)">
Open dialog
</md-button>
<div style="visibility: hidden">
<div class="md-dialog-container" id="dialog-window">
<md-dialog>
<md-toolbar>
<div class="md-toolbar-tools">
<h2>Hi</h2>
</div>
</md-toolbar>
<md-dialog-content>
<div class="md-dialog-content">
<p>Creativity is hard to define.</p>
</div>
</md-dialog-content>
</md-dialog>
</div>
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
JS
angular.module('App', ['ngMaterial'])
.controller('AppCtrl', function($scope, $mdDialog) {
$scope.openDialog = function(ev) {
$mdDialog.show({
contentElement: '#dialog-window',
parent: angular.element(document.body),
targetEvent: ev,
});
};
});
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
1191 次 |
| 最近记录: |