Comment changer le décalage sur le défilement lisse Animation JQuery par une hauteur de la barre de navigation

Question

Tout mon défilement lisse fonctionne parfaitement, cependant, l'ancre s'arrête tout en haut de la page, mais ma barre de navigation est fixée au sommet, alors que Je l'ai besoin de faire, est compensé le haut de la hauteur de la barre de navigation. Comment pourrais-je m'y prendre?

<script> 
    $(document).ready(function(){ 
    // Add smooth scrolling to all links 
    $("a").on('click', function(event) { 

     // Make sure this.hash has a value before overriding default behavior 
     if (this.hash !== "") { 
     // Prevent default anchor click behavior 
     event.preventDefault(); 

     // Store hash 
     var hash = this.hash; 

     // Using jQuery's animate() method to add smooth page scroll 
     // The optional number (800) specifies the number of milliseconds 
     // it takes to scroll to the specified area 
     $('html, body').animate({ 
      scrollTop: $(hash).offset().top 
     }, 1000, function(){ 

      // Add hash (#) to URL when done scrolling (default click behavior) 
      window.location.hash = hash; 
     }); 
     } // End if 
    }); 
    }); 
</script> 

Answer 1

Assez simple: scrollTop: $('#hash').offset().top - navbarHeight.