錨點跳轉而不是平滑滾動

Question

由於某些原因，當我點擊我的導航菜單上與「主頁」相同的錨點鏈接時，它會跳轉，而不是像「首頁」一樣平滑滾動。

有沒有人知道爲什麼會發生這種情況&我該如何解決這個問題？感謝提前:)

<!-- LOGO --> 
    <div class="logo pull-left"> 
     <a href="#home"><img src="images/logo.png" class="logo" alt=""></a> 
    </div> 
    <!-- //LOGO --> 


    <!-- MENU --> 
    <div class="pull-right"> 
     <nav class="navmenu center"> 
      <ul> 
       <li class="first active scroll_btn"><a href="#home">Home</a></li> 
       <li class="scroll_btn"><a href="#about">About Us</a></li> 
       <li class="scroll_btn"><a href="#projects">Products</a></li> 
       <li class="scroll_btn"><a href="#team">Team</a></li> 
       <li class="scroll_btn"><a href="#news">News</a></li> 
       <li class="scroll_btn last"><a href="#contacts">Contact</a></li> 
      </ul> 
     </nav> 
    </div> 
    <!-- //MENU --> 

Answer 1

添加到您的現有功能齊全：

$(document).ready(function() { 
    $(".logo a").click(function (e) { 
    e.preventDefault(); 
    $('body, html').animate({ 
     scrollTop: 0, 
     scrollLeft: 0 
    }, 500); 
    }); 
});