Smooth Scroll generate: active attribute at target div

Question

Я использую скроллер jQuery для прокрутки до определенного элемента на странице. В этом случае это Navbar. Однако я испытываю странную проблему. После нажатия кнопки для прокрутки к элементу результирующий элемент генерирует атрибут focus.

Это исчезает и вновь появляется, когда я щелкаю и отключив функцию элемента. Это происходит только после того, как я нажму кнопку, чтобы перейти к этому местоположению. Я попытался целевым DIV с фокусом тегом и объявить его .navbar:focus { box-shadow: none;}, но он не работает

Я использую следующий для создания эффекта прокрутки и Таргетинг элемента по <a href="#navigationtop" class="anchorLink">

jQuery(function($) { 

    var scrollElement = 'html, body'; 
$('html, body').each(function() { 
    var initScrollTop = $(this).attr('scrollTop'); 
    $(this).attr('scrollTop', initScrollTop + 1); 
    if ($(this).attr('scrollTop') == initScrollTop + 1) { 
    scrollElement = this.nodeName.toLowerCase(); 
    $(this).attr('scrollTop', initScrollTop); 
    return false; 
    }  
    }); 

    // Smooth scrolling for internal links 
    $("a[href^='#']").click(function(event) { 
    event.preventDefault(); 

var $this = $(this), 
target = this.hash, 
$target = $(target); 

$(scrollElement).stop().animate({ 
    'scrollTop': $target.offset().top 
}, 500, 'swing', function() { 
    window.location.hash = target; 
}); 

}); 

}); 

Answer 1

В ваш файл master.css, у вас есть определение стиля:

.navbar-default {background: #F7F7F7!important; 
border: none!important; 
box-shadow: 0 0 10px #888 
-moz-box-shadow: 0 0 10px #888; 
-webkit-box-shadow: 0 0 10px #888; 
font-family: 'Oswald', sans-serif!important; 
} 

Попробуйте это:

Добавить outline: none;.