Question

我有以下风格的DIV：

#dialog_overlay {
    width:100%;
    height:100%;
    background:#000000;
    opacity: 0.5;
    position:absolute;
    top:0;
    left:0;
    z-index:2000;
    display:none;
}

在我的页面底部有一个链接：

<a href="#" onClick="test()">Test</a>

功能测试如下所示：

function test()
{
var overlay = $('#dialog_overlay')[0];

var body = document.body;
var html = document.documentElement;

var height = Math.max( html.scrollHeight, html.offsetHeight, body.scrollHeight, body.offsetHeight, html.clientHeight );

overlay.style.height = height + "px";
overlay.style.display = 'inline';
}

当我点击页面底部的链接时，我想保持浏览器滚动条位置不变。现在发生的是当显示DIV时，滚动条总是弹出。有没有人知道如何在单击链接之前将滚动条保持在它所在的位置？

Answer 1

您必须使用event.preventDefault();

function test(e)
{
    e.preventDefault();
    ...
}

显示覆盖DIV时不需要的浏览器滚动条更改

1 个答案: