javascript - scrollTop() 使用時に固定オフセットを追加する方法

Question

position:fixed画面の上部をスクロールしたときに a を div に設定したい。私は次のコードでこれを成功させました：

   var $window = $(window),
       $stickyEl = $('#the-sticky-div'),
       elTop = $stickyEl.offset().top;

   $window.scroll(function() {
        $stickyEl.toggleClass('sticky', $window.scrollTop() > elTop);
    });

CSS の場所:

     #the-sticky-div.sticky {
     position: fixed;
     top: 0px;
     width:100%;
     z-index:2000;
  }

私の質問: div がページの上部ではなく、高さ 60px のナビゲーション バーの下に保持されるように、これを変更したいと考えています。CSS を「top:60px」に変更する必要があることはわかっていますが、最初にナビゲーション バーの下をスクロールするのではなく、jquery に 60px のオフセットを追加して先に固定するにはどうすればよいですか?

ありがとう