ナビゲーションリンク機能の障害

Question

何らかの理由で、それぞれのセクションへのナビゲーションリンクが、ポートフォリオテンプレートサイトで機能しなくなりました。 JavaScriptやJQueryのクイック解決策がありますか？

Navのアンカータグの例

  <ul class="nav navbar-nav" id="main-menu"> 
       <li> 
        <a href="#page-profile">Profile</a> 
       </li> 
      </ul> 

セクションターゲット例

<section id="page-profile" class="page-profile"> 
     <div class="container"> 
      <header class="section-header"> 
       <h2 class="section-title">Personal Profile</h2> 
       <div class="spacer"></div> 
       <p class="section-subtitle">About Me</p> 
      </header> 

Answer 1

：

$("moveToSectionButtonSelector").click(function() { 
    $('html, body').animate({ 
     scrollTop: $("#page-profile").offset().top 
    }, 1000); 
}); 

Answer 2

このような何かが動作するはずです。 jQueryを使って

// URL Parsing 
var parser = document.createElement('a'); 
parser.href = window.location.href; 
var hash = parser.hash; 

// Page scrolling 
var offset = 20; //Offset of 20px 

$('html, body').animate({ 
    scrollTop: $(hash).offset().top + offset 
}, 2000);