选定标题转到顶部导航栏

Question

这背后是我的代码：Navigaton Bar Issue

 <header class="header"> 
     <div class="Topheading"> 
     </div> 
     <div class="TopNavigation"> 
      <nav class="leftnav"> 
       <ul> 
        <li><a href="">Test1</a></li> 
        <li><a href="">Test1</a></li> 
        <li><a href="">Test1</a></li> 
        <li><a href="">Test1</a></li> 
        <li style="float:right"> 
         <button class="fedbut">Send Feedback</button> 
        </li> 
       </ul> 
      </nav> 

     </div> 
    </header> 

顶部导航栏是固定的，在右侧的导航，当点击它选择页面上的导航项目按标题所选标题将位于顶部导航栏后面。

目前...

但选定的标题应该是低于顶部导航栏。

这样的...

在此先感谢..

Answer 1

它发生，因为你是指向e.x #1锚和浏览器滚动到这一点。而且由于你的导航栏是固定的，它涵盖了部分内容。您可以使用JS修复此问题：

$(".cuntnav a").on("click", function(e){ 
    e.preventDefault(); 
    var section_id = $(this).attr("href"); 
    var section_offset = $(""+section_id).offset().top; 

    window.scrollTo(0, section_offset-100); 
});