<a href="#example">Example Link</a>有填充或边距？

Question

我在使用Sticky Navigation的网站上工作，当我使用

时

<a href="#example">Example Link</a>

Sticky Nav与#example的顶部重叠。

导航高度为70px，因此我想知道是否有任何方法可以链接到#example但是开始向下延迟70px。我宁愿不创建额外的ID，因为它可能会让事情变得一团糟。

有什么想法吗？

Answer 1

这是#example的工作。它会将您移动到具有该ID的元素的位置。

您可以使用jQuery将元素设置为slideUp，或者将窗口设置为向下滚动70px。

Answer 2

您可以使用

window.scrollBy(0,70);

将窗口向下滚动70px。

要让它在链接后实际滚动，您必须更改链接，以便在滚动之前执行javascript重定位：window.location='#example'; window.scrollBy(0,70);