Выбранных товарные идет за верхнюю панелью навигации

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); 
});