html - 链接到同一页面中的另一个元素时如何控制屏幕滚动到的点

Question

我有一个带有 60px 高的水平顶部粘性导航栏的网页。

在我的页面上，我有指向同一页面上位置的链接，并<a href="#someTarget">Link</a>指向id="someTarget"

我的问题是，当点击生成的链接时，页面滚动到目标标题，但它位于屏幕的最顶部，在我的粘性导航栏后面。

如何指定滚动添加 60px 缓冲，使目标位于可视区域的顶部，而不是屏幕顶部？

到目前为止，我只是在id="someTarget"我真正想要成为目标的内容之上手动添加了几行，但这似乎是一种非常不精确的方法。

标签： htmlcss

Answer 1

如果您可以为此使用 CSS 框架，那么Bootstrap 可以满足您的需求。您可以使用一个偏移选项。