選択した見出しは、トップナビゲーションバーここ

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

あなたはその点に#1アンカーとブラウザのスクロールをe.xを指しているので、それは起こります。また、ナビゲーションバーが固定されているため、コンテンツの一部がカバーされます。あなたは、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); 
});