вопрос прокруткаto используя фиксированный nav

Question

Я создал сайт с одной страницей, используя scrollto и scrollspy. Эта страница отлично работает после того, как navbar привязана к вершине. Но если вы нажмете на какие-либо ссылки до того, как navbar зафиксируется в верхней части всех ссылок, отключите их. И нет никакой последовательности в высоте, что они отключены. Я играл со смещением, у меня есть отступы по 100 пикселей для каждого раздела, чтобы учесть проблемы с интервалом.

Вот ссылка на сайт Dev ... http://23.23.170.24/aspire/

Вот это Js ...

$ (документ) .ready (функция() {

$(window).scroll(function(){ 

    var window_top = $(window).scrollTop() +1; // the "12" should equal the margin-top value for nav.stick 
    var div_top = $('#checkdiv').offset().top; 
     if (window_top > div_top) { 
      $('nav.navbar').addClass('navbar-fixed-top'); 
      $('section').addClass('scrolled'); 
     } else { 
      $('nav.navbar').removeClass('navbar-fixed-top'); 
       $('section').removeClass('scrolled'); 
     } 
}); 


$(".click").click(function(evn){ 
     evn.preventDefault(); 
    $('html,body').stop(true).scrollTo((this.hash, this.hash),1000, {axis: 'y', offset :0}); 
     return false; 
}); 

$('body').scrollspy({ target: '#navbar' }) 

});

Answer 1

Когда заголовок застрял, Bootstrap scrollspy и scrollto автоматически принимая во внимание высоту заголовка. Когда отклеивается, все, что вам нужно сделать, это вычесть высоту заголовка, и вы перейдете в нужное место на своей странице.