css - 不同行为的弹窗css

Question

下面的代码在本地计算机上运行良好，但在远程服务器上弹出窗口不考虑滚动宽度并且出现在页面顶部，即使我将页面滚动到底部也是如此。问题只出现在 IE 中，并且只出现在远程服务器上。文件是一样的。我应该检查什么？

HTML

<div style="position:absolute;">
    <div id="a_div">
        123
     </div>
</div>

CSS

#a_div {
    display:none;
    position:fixed;
    width:850px;
    top:35px;
    border:1px solid #B1B8C7;
    background:white;
    z-index:3000;
}

JS

function showaDiv() {
    var div = document.getElementById('a_div');
    var width = document.body.clientWidth;
    if (div) {
        div.style.left = Math.round((width-850)/2)+'px';
        div.style.display = 'block';
        document.getElementById('a_bgdiv').style.display = 'block';
    }    
}

Answer 1

尝试 this fiddle如果你想垂直居中

function showaDiv() {
    var div = document.getElementById('a_div');
    var width = document.body.clientWidth;
    var height = getDocHeight();
    if (div) {
        div.style.left = Math.round((width-850)/2)+'px';
        div.style.display = 'block';
        div.style.top = Math.round((height-div.clientHeight)/2)+'px';
        //document.getElementById('a_bgdiv').style.display = 'block';
    }    
}

function getDocHeight() {
    var D = document;
    return Math.max(
        Math.max(D.body.scrollHeight, D.documentElement.scrollHeight),
        Math.max(D.body.offsetHeight, D.documentElement.offsetHeight),
        Math.max(D.body.clientHeight, D.documentElement.clientHeight)
    );
}

刚刚添加了顶部。