使用固定标头跳转到不同页面上的div

Question

我从一个页面链接到另一个页面的某个部分：

<a href="page.html#section">link</a>

在page.html上：

<div id="section">
jumping here
</div>

我跳到的页面有一个固定的标题，当我跳转到它时，＃section div的顶部会受到标题的阻碍。我该如何防止这种情况？

我已经看到很多关于如何在同一页面中调整锚点来解决这个问题的主题，而不是如何从另一个页面跳转到div。

提前致谢。

Answer 1

您可以通过向div添加新元素并将其置于其上方来完成此操作。

<div>
    <a id="section" style="margin-top: -50px;"></a>
    jumping here
</div>

如果这不起作用，请尝试：

<div style="position: relative;">
    <a id="section" style="position: absolute; top: -50px;"></a>
    jumping here
</div>

希望它可以帮助你！