窗口滚动在页面末尾打开对话框时启动

Question

我的页面宽度超过100％（2000px）。当我单击从页面末尾的按钮显示对话框（通过水平页面）时，窗口滚动到页面的开头（通过水平页面）并显示对话框。

这是我的代码：codepen

$mdDialog.show(
      $mdDialog.alert()
        .parent(angular.element(document.querySelector('#popupContainer')))
        .clickOutsideToClose(true)
        .title('This is an alert title')
        .textContent('You can specify some description text in here.')
        .ariaLabel('Alert Dialog Demo')
        .ok('Got it!')
        .targetEvent(ev)
    );
  };

我使用angularjs 1.5和最新的角度材料js。

如何从页面末尾的按钮（按水平页面）显示对话框，窗口不滚动到页面的开头？

Answer 1

您可以添加以下CSS。

.md-dialog-container {
  width: 2000px;
}

md-backdrop {
  width: 2000px;
}

md-dialog {
  position: absolute;
  top: 25%;
  right: 10%;
}

调整对话框容器和背景的宽度 然后，按照您想要的方式定位对话框。

查看有效的CodePen。