平滑滚动到锚点编辑页面顶部

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);