由於固定標題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。顯然，我需要向下滾動100px以下，所以標題不會覆蓋標題。 我GOOGLE了，我需要把「{抵消：-100}」的地方..但在哪裏？

Answer 1

只需從scrollTop金額減少標題高度即可。

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