同じページのアンカーと一部のピクセルを除いたリンク

Question

私は自分のページのアンカーに滑らかなスクロールを統合しました。

$(function() { 
     $('a[href*="#"]:not([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) { 
      $('html, body').animate({ 
       scrollTop: target.offset().top 
      }, 1000); 
      return false; 
      } 
     } 
     }); 
    }); 

私はリンクをクリックすると、その位置にスクロールします。しかし、私は上部（高さ：100px）に固定されたメニューバーを持っているので、内容が少し重なっています。 これを何とか修正できますか？以下のようなコードで言う：そのアンカーマイナス100ピクセルまでスクロール... は、私はそれが

scrollTop: target.offset(-100).top 

で動作するかもしれないと思っていることは正しいですか？

Answer 1

jQueryのoffsetは、オフセットを与えるだけの機能です。これは、オフセット自体を変更することを意味するものではありません。後で100pxを減算するだけです。

scrollTop: target.offset().top - 100