平滑滾動到錨點編輯頁面頂部

Question

我正在使用平滑滾動片段。我有一個固定的標題，並希望錨節停在我的標題下。我如何編輯這段代碼讓它們停止在頁面頂部以下大約100像素？

$(document).ready(function(){ 
    $('a[href*=#]').click(function() { 
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') 
&& location.hostname == this.hostname) { 
    var $target = $(this.hash); 
    $target = $target.length && $target 
    || $('[name=' + this.hash.slice(1) +']'); 
    if ($target.length) { 
    var targetOffset = $target.offset(). top; 
    $('html,body') 
    .animate({scrollTop: targetOffset}, 1000); 
    return false; 
    } 
} 
}); 
}); 

我只是需要在頁面頂部以下停止100px的部分。我對jquery非常陌生，所以請在我缺乏知識的情況下發表看法。由於

Answer 1

你可以簡單地添加100從網頁的頂部，這樣的偏移目標：

var targetOffset = $target.offset().top + 100; 
    $('html,body') 
    .animate({scrollTop: targetOffset}, 1000);