Ссылка на верхнюю часть div

Question

У меня есть полный макет начальной загрузки с фиксированным navbar 140px в высоту, каждый из моих разделов div связан с навигацией. Когда я нажимаю ссылку, чтобы перейти к разделу about, он, кажется, переходит непосредственно к тегу h2, а не к началу раздела div. Есть ли способ, которым я могу использовать js для исправления проблемы отсечки?

<ul> 
<li><a href>#about</a></li> 
</ul> 

раздел {утеплитель: 5em 0 5em 0}

<section id="about"> 
    <div class="container"> 
    <div class="text-center"> 
    <h2>About</h2> 
    <h3>About Subheading</h3> 
     <div class="about"> 
      <div class="row"> 
       <div class="col-lg-12"> 
        </div> 
       </div> 

      </div> 
     </div> 
    </div> 
    </div> 
    </div> 
</section> 

Answer 1

Просто попробовал себя, и я не в состоянии воспроизвести проблему:

http://jsfiddle.net/DTcHh/27912/

У вас есть ряд ошибки в html, который вы опубликовали, например, отсутствующий атрибут href и дополнительные </div> закрывающие теги

Answer 2

попробовать этот

EDITED Просмотреть код

$(function() { 
    $('a[href*="#"]:not([href="#"])').click(function() { 
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { 
     var target = $(this.hash); 
     target = target.length ? target : $('[name=' + this.hash.slice(1) +']'); 
     if (target.length) { 
     $('html, body').animate({ 
      scrollTop: target.offset().top - 140 
     }, 1000); 
     return false; 
     } 
    } 
    }); 
});