html - 链接到带有偏移量的 id 元素

Question

我在顶部有一个高度为 80px 的固定标题 div。现在我有一个指向 div 的链接“how”。

<div id="how">
  <!-- Some description here -->
</div>

但是，当我们实际点击链接时，由于标题 div 不流畅，它覆盖了 #how div 的顶部。我如何设置一个偏移量，以便当我们单击链接时，它会将我带到偏移量为 80px 的#div 链接？

Answer 1

除非你愿意在某处添加另一个 anchor (这可能不是你的首选)，否则你将需要使用 JS。 window.scrollTo()将是一个很好的起点。