прокрутка после нажатия держит предыдущую ссылку активна

Question

Я не смог найти решение онлайн через часы и дни. Я сделал сайт с одной страницей для своего клиента. Моя проблема в том, что когда я нажимаю на ссылку, она плавно прокручивается на страницу, но когда я прокручиваю вверх или вниз, ссылка на клик остается активной вместе со шпионским шпионом.

Пример: Посещение demo website

нажмите на ссылку - Reel, а затем выполните прокрутку вверх и вниз. Ссылка на катушку останется активной.

Ниже мой Javascript Код:

$(document).ready(function(){ 

     $('.navbar-nav li>a').click(function(){ 
      $('.navbar-collapse').collapse('hide'); 
     }); 

     var navpos = $('#nav').offset(); 
     console.log(navpos.top); 
     $(window).bind('scroll', function() { 
      if ($(window).scrollTop() > navpos.top) { 
       $('#nav').addClass('navbar-fixed-top'); 
      } 
      else { 
       $('#nav').removeClass('navbar-fixed-top'); 
      } 
     }); 

     /* highlight the top nav as scrolling occurs */ 
     $('body').scrollspy({target: '#nav' }) 

     /* smooth scrolling for scroll to top */ 
     $('.scroll-top').click(function(e){ 
      e.preventDefault(); 
      $('body,html').animate({scrollTop:0},1000); 
     }); 

     /*smooth scrolling for nav sections */ 
     $('#nav .navbar-nav li>a').click(function(e){ 
      $('#nav .navbar-nav li>a').removeClass('active'); 
      var link = $(this).attr('href'); 
      var posi = $(link).offset().top+2; 
      $('body,html').stop().animate({scrollTop:posi},700); 
      return false; 
     }); 
    }); 

Если удалить «возвращение ложным;», он моргает, когда я нажимаю на ссылку до гладкой прокрутки, но моя проблема становится решена. Надеемся на решение.

Thanks

Answer 1

Ссылка по-прежнему сосредоточена. Она определяется по линии 92 в таблице стилей:

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { 
    color: #f39c12; 
    background: none; 
    outline: none; 
} 

Последней разделенной запятой элемент (упрощенно):

a:focus { 
    color: #f39c12; 
} 

Это делает ссылка имеет цвета, когда вы нажали ее. Чтобы удалить это, вы можете удалить .navbar-default .navbar-nav>.active>a:focus со строки 92 и добавить это в свою таблицу стилей:

.navbar-default .navbar-nav>.active>a:focus { 
    color: #95a5a6; 
    background: none; 
    outline: none; 
}