当我打开灯箱时，垂直滚动条移动到顶部

Question

我有一个逐行数据的大页面。 每个数据都包含灯箱打开的链接。

点击链接灯箱正在打开，但我的滚动条正在移动顶部，关闭后，灯箱滚动条将保持在顶部。当我使用按钮而不是链接然后工作正常。

这是代码。

CSS：

#reportSpamFade {

    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);

}

#reportSpamLight {

    display  : none;
    position : fixed;
    top      : 37%;
    left     : 33.80%;
    width    : 1000px;
    height   : 555px;
    margin   : -190px 0 0 -281px;
    z-index  : 1002;
    overflow : hidden;
    background-color: white;

}

的javascript：

function reportSpam_open(){
    document.getElementById('reportSpamLight').style.display='block';
    document.getElementById('reportSpamFade').style.display='block';    
}
function reportSpam_close(){
    document.getElementById('reportSpamLight').style.display='none';
    document.getElementById('reportSpamFade').style.display='none';
}

Answer 1

将隐藏的溢出写入正文。这是代码：

function reportSpam_open(){
    document.getElementById('reportSpamLight').style.display='block';
    document.getElementById('reportSpamFade').style.display='block';
    document.body.style.overflow='hidden';
}
function reportSpam_close(){
    document.getElementById('reportSpamLight').style.display='none';
    document.getElementById('reportSpamFade').style.display='none';
    document.body.style.overflow='visible';
}