单击超链接后更改屏幕位置[重复]

Question

这个问题已经在这里有了答案 ：

偏移html锚以调整固定标头[重复] （28个答案）

8小时前关闭。

我正在一个具有导航栏的单页网站上工作。 单击导航图标后，视图将适当地转到目标位置。 但是，导航栏覆盖了所需部分的一部分。 因此，目标是更改超链接的目标位置。 例如，也许要更改它，使其始终比平常高20px。 是否可以更改<a>标签将带您到达的位置？

编辑：我最近在其他地方找到了我的问题的答案。 我将其标记为重复。 我想我以前没有找到它，因为我不知道该用什么词来形容我的问题。

Answer 1

您可以使用jQuery来做到这一点，并进行平滑滚动。

$('a[href*="#"]').click(function(){
 $('html, body').animate({
    scrollTop: $( $(this).attr('href') ).offset().top - 20
 }, 500);
return false;

}）;