如何向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

您需要从目标元素的offset().top减去60 ，以允许导航栏的空间。 我通过获取#subnavbar的height()来动态完成这项#subnavbar这样你以后需要更改它的高度，你不必担心破坏这段代码。

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