对话框在视口外打开

时间:2016-01-14 14:21:05

标签: javascript html5 dialog

如果你在一个大页面上并且你一直向下滚动。底部是一个打开对话框的按钮。在我的情况下,此对话框在页面顶部的视口外打开

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函数接受一个参数,该参数是对话框的锚点。但无论我做什么,对话都在顶部。任何帮助将不胜感激!

1 个答案:

答案 0 :(得分:1)

您可以将其添加到CSS:

dialog {
  position: fixed;
}