javascript - 如何使该“div”始终对用户可见

在我的站点上，我对服务器进行了ajax调用，以检查某个登录用户是否有来自数据库的新消息。此ajax脚本每隔几秒钟检查一次数据库，如果他/她有新消息，则执行此javascript创建一个“ div”显示给用户。以下是javascript：

function shownotice(b) {
divnotice = document.createElement("div");
 var a = document.createElement("a");
a.onclick = this.close;
a.href = "#";
a.setAttribute("Id", "close");
 a.className = "close";
 a.appendChild(document.createTextNode("close"));
divnotice.appendChild(a);
divnotice.className = "notifier";
divnotice.setAttribute("Id", "divnotice");
 divnotice.setAttribute("align", "center");
document.body.appendChild(divnotice);
 divnotice.style.top = document.body.scrollTop + "px";
 divnotice.style.left = document.body.scrollLeft + "px";
divnotice.style.display = "block";
createframe(divnotice);
 }

这是我的CSS的div：

div.notifier
{
padding:10px;
position:absolute;
display:none;
top:0px;
left:0px;
height:auto;
width:auto;
background-color:white;
border:1px solid black
}

我的问题是，即使用户向下滚动，也如何使该“ div”始终对用户可见。例如，某个用户正在查看页面底部，则看不到“ div”。换句话说，无论用户的滚动位置在哪里，我都希望“ div”对用户可见。

最佳答案

您还需要{position:fixed}样式。这将使顶部和左侧相对于浏览器视口。