对话框在视口外打开

Question

如果您在一个大页面上并且一直向下滚动。底部是一个打开对话框的按钮。在我的例子中，这个对话框在页面顶部的视口之外打开

DEMO

JS：

var showDialogButton = document.getElementById('showDialogButton');

showDialogButton.addEventListener('click', function() {
  var bronteDialog = document.getElementById('bronteDialog');
  var anchorPoint = document.getElementById('anchor');
  bronteDialog.show(anchorPoint);
});

事实证明，show 函数接受一个参数，该参数是对话框的锚点。但无论我做什么，对话框都在顶部。任何帮助将不胜感激！

Answer 1

您可以将其添加到 CSS 中：

dialog {
  position: fixed;
}