ScrollTop-Animation funktioniert nicht

Question

Ich verwende diese js, um zur ID der Seite zu blättern. Ich nahm es von w3 Schulen und es funktioniert auf meiner anderen Seite, so dass ich nicht verstehe, warum es auf meiner neuen Website nicht funktioniert. Es geht zum richtigen Teil der Seite, aber es wird nicht die Scroll-Animation ausgeführt.

js:

<script> 
    $(document).ready(function() { 

     $(".navbar a, footer a[href='#myPage']").on('click', function (event) { 

      if (this.hash !== "") { 

       event.preventDefault(); 

       var hash = this.hash; 


       $('html, body').animate({ 
        scrollTop: $(hash).offset().top 
       }, 900, function() { 


        window.location.hash = hash; 
       }); 
      } 
     }); 
    }) 
</script> 

html navbar Code:

<nav class="navbar navbar-default navbar-fixed-top"> 
    <div class="container"> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 

     </div> 
     <div class="collapse navbar-collapse" id="myNavbar"> 
      <ul class="nav navbar-nav navbar-right"> 
       <li><a href="#about">ABOUT</a></li> 
       <li><a href="#clients">CLIENTS</a></li> 
       <li><a href="#sessions">SESSIONS</a></li> 
       <li><a href="#contact">CONTACT</a></li> 
      </ul> 
     </div> 
    </div> 
</nav> 

Bitte lassen Sie mich wissen, wenn Sie einen anderen Code sehen müssen. Vielen Dank!

Answer 1

Das sollte funktionieren.

Sind Sie sicher, dass die neue Site jQuery verwendet und dass die IDs des Elements, zu dem Sie scrollen, korrekt sind?

Zeigt Ihre Konsole einen Fehler an?