javascript - 从视口(viewport)中心展开 div

Question

我之前有一个问题想 expand a div from the center of the body .它工作正常，直到我遇到这种情况，其中正文的内容足够长，现在可以显示滚动条。

关于此的通知jsFiddle当我滚动到底部或刚滚动到一半然后单击页面上的任意位置时，展开的 div 会显示在页面的最顶部。

我知道下面这段 CSS 代码与它有关:

.growme {
    background-color: #990000;
    height: 0;
    width: 0;
    position: absolute;
    filter: alpha(opacity=0);
    opacity: 0;
    top:0;
    left:0;
    bottom:0;
    right:0;
    margin:auto;
}

无论我滚动到哪里，我怎样才能使 div 恰好在视口(viewport)展开？

Answer 1

只需将您的位置更改为固定(使用视口(viewport)):

.growme {
    background-color: #990000;
    height: 0;
    width: 0;
    position: fixed;
    filter: alpha(opacity=0);
    opacity: 0;
    top:0;
    left:0;
    bottom:0;
    right:0;
    margin:auto;
}

这是一个演示:http://jsfiddle.net/w5w8orvp/