Прокрутите до привязки с фиксированной навигационной панелью, навигационные исправления после прокрутки слишком

Question

У меня есть панель навигации, которая фиксируется в верхней части экрана после того, как она прокручивает 160 пикселей. Я также использую гладкую прокрутку для привязных ссылок, которая отлично работает, если панель навигации уже установлена ​​в верхней части экрана, однако, если навигационная панель находится в незафиксированном состоянии до прокрутки до 160 пикселей, тогда прокрутка якоря не принимает учтите буфер 40px, который я добавил.

Я хочу, чтобы гладкая прокрутка прокручивалась до якоря точно -40px, зафиксирована ли панель навигации или нет.

Два много кода я использую следующие:

1) Smooth Scroll

jQuery(document).ready(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 - 40 
     }, 750); 
     return false; 
     } 
    } 
    }); 
}); 

2) Fixed Nav Bar

jQuery(document).ready(function($){ 
    $(function() { 
     $(window).resize(function() { 
     // responsive nav primary fixed 
     if (window.innerWidth > 960) { 
      $(window).bind('scroll', function(){ if ($(window).scrollTop() > 160) {$('.nav-primary').addClass('nav-primary-fixed');} else {$('.nav-primary').removeClass('nav-primary-fixed');}}); 
     } else {} 
     // end responsive nav primary fixed 
    }) .resize(); // trigger resize event 

    }); 
}); 

Любые идеи?

Заранее благодарен.

Answer 1

Хорошо, поэтому с небольшой помощью от CBroe в комментариях к вопросу я провел некоторое исследование на .hasClass и нашел несколько статей, которые помогли мне разработать способ сделать это, следующий код jQuery изменен и теперь работает, по желанию, код:

jQuery(document).ready(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 ($(".nav-primary").hasClass("nav-primary-fixed")) { 
     if (target.length) { 
      $('html, body').animate({ 
      scrollTop: target.offset().top - 40 
      }, 750); 
      return false; 
     } 
     } else { 
     if (target.length) { 
      $('html, body').animate({ 
      scrollTop: target.offset().top - 80 
      }, 750); 
      return false; 
     } 
     } 
    } 
    }); 
});