好吧，我的网站上有一个奇怪的问题，我可能很难解释。我在一个网站上工作，只有一个页面（index.html），没有滚动。我在左边有一个导航栏，上面有一些菜单项。因此，当点击菜单项时，会出现一个包含内容的框。因为这是一个单页无滚动网站，我用了标识来调用这些框。请参阅下面的代码：

<div class="nav-content">
    <ul>
        <li><a href="#home" class="active">Home</a></li>
        <li><a href="#about">About</a></li>
        <li><a href="#gallery">Gallery</a></li>
        <li><a href="#contact">Contact</a></li>
    </ul>
</div>

单击菜单项时，屏幕上会显示此类部分。

<section class="content show background-overlay" id="about">
    <div class="aboutUs">
        <h1>About Us</h1>
        <div class="overflow-scroll">
            Lorem ipsumasfasfasfasfafafsafs         
        </div>
    </div>
</section>

点击链接后，浏览器地址栏显示如下内容：file:///C:/Users/zak/Desktop/web/project1/index.html#home或file:///C:/Users/zak/Desktop/web/project1/index.html#gallery

现在我在库内容部分中使用了一个模态框，在我关闭模态框后，页面不会停留在库内容部分，而是重新加载。

例如：

模态框在这里：file:///C:/Users/zak/Desktop/web/project1/index.html#gallery

关闭modal后：file:///C:/Users/zak/Desktop/web/project1/index.html（这是主页内容部分）

我希望画廊部分保持开放，即使我关闭了模型。

对于modal，我没有使用任何JS或jQuery。它是纯HTML和CSS。为了解决这个问题，我尝试了一个简单的jquery代码：

$('#modal_close').click(function(e) {
    e.preventDefault();
    return false;
});

这段代码会停止一切工作。

谁能告诉我如何在模式框关闭后阻止页面重新加载？