jQuery滾動偏移量（由於標題固定）

Question

我有以下jQuery腳本可向下滾動頁面。

$(document).ready(function() {

$('a[href^=#]').on('click', function(e){
    var href = $(this).attr('href');
    $('html, body').animate({
        scrollTop:$(href).offset().top
    },1500);
    e.preventDefault();
    });
});

該頁面具有固定的標題，高度為100px。 顯然，我需要向下滾動100像素，以便標題不會覆蓋標題。 我用谷歌搜索，需要在某個地方輸入“ {offset：-100}”。但是在哪里？

Answer 1

只需從scrollTop量減小標題高度即可。

 $('html, body').animate({
   scrollTop: $(href).offset().top - $("header").outerHeight() + "px"
 }, 1500);