滾動條動畫無法正常工作

我正在使用此js滾動到頁面的標識。我從W3校拿走了它，並在我的其他網站上運行，所以我不明白爲什麼它不適用於我的新網站。它會轉到頁面的正確部分，但不會執行滾動動畫。滾動條動畫無法正常工作

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代碼導航欄中：

<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>

請讓我知道如果你需要看到任何其他代碼。謝謝！

來源

2017-07-07 Will

這應該工作。

您是否肯定新網站使用jQuery，並且您正在滾動的元素的ID是否正確？

您的控制檯是否顯示錯誤？

來源

2017-07-07 20:30:20 Dedering

沒有錯誤，我正在使用jquery，並且ID是正確的 – Will

有沒有可以提供的URL？ – Dedering

滾動條動畫無法正常工作

回答

相關問題