无论滚动条的位置如何，都在屏幕中心创建一个div

Question

我正在创建一个简单的通知div，当我按下其中一个按钮然后自动消失时会出现：

我可以通过点击其中一个按钮动态创建一个位于屏幕中心的div：

    var el = document.createElement("div");
    el.setAttribute("style","position:absolute;top:50%;left:50%;background-color:white;");
    el.innerHTML = msg;
    document.body.appendChild(el);

问题是，当我向下滚动页面并单击另一个按钮时，div显示在可见区域之外。无论页面向下滚动还是向上滚动，如何在屏幕中心创建它？它应该始终出现在屏幕的中央，可以看到它。

Answer 1

使用position: fixed;代替position: absolute;