javascript - 单击超链接后更改屏幕位置

Question

这个问题已经有答案了:

offsetting an html anchor to adjust for fixed header [duplicate] (28 个回答)

已关闭 3 年前。

我正在开发一个带有导航栏的单页网站。单击导航图标时， View 会相应地转到目标位置。但是，导航栏覆盖了所需部分的一部分。所以目标是改变超链接的目标位置。例如，也许可以对其进行更改，使其始终比平常高 20 像素。有没有办法更改 <a> 的位置标签会带你吗？

编辑:我最近在其他地方找到了我的问题的答案。我会将其标记为重复项。我想我之前没有找到它，因为我不知道用什么词来描述我的问题。

Answer 1

您可以使用 jQuery 来做到这一点并实现平滑滚动。

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

});