如何向jquery scrolltop添加偏移量

Question

我正在使用以下代码为bootstrap中导航栏中的菜单链接设置滚动动画：

$("#subnavbar ul li a[href^='#']").on('click', function(e) {
   e.preventDefault();
   $('html, body').animate({ scrollTop: $(this.hash).offset().top }, 600);

   // edit: Opera and IE requires the "html" elm. animated
});

目前，固定的导航栏隐藏了下面的锚点。如何添加60px的偏移量来调整？

Answer 1

您需要从目标元素的60中减去offset().top，以便为导航栏留出空间。我通过获取height()的{​​{1}}来动态完成此操作，以便您以后需要更改它的高度，您无需担心违反此代码。

#subnavbar