jquery - jqueryオフセットアニメーションの位置までスクロール

Question

次のコードを使用して、ページの上部に固定ナビゲーションを追加してページを下にスクロールするまで、ページの下部にある連絡先セクションまでスクロールダウンしています。残念ながら、ナビゲーションはページの 100 ピクセルを占めるため、必要なポイントを超えて 100 ピクセルスクロールします。.offsetページの正しい部分を表示するには、ナビゲーションの高さを追加する必要があります。

ナビゲーションバーの高さをコードに追加して、その高さをページの下にスクロールするにはどうすればよいですか。

$("document").ready(function() {            

            $('#contact_cntrl').click(function(){

                $('html, body').animate({
                    scrollTop: $(".contact").offset().top
                }, 1000);                  


             });