Я использовал Bootstrap для настройки своего первого сайта, и моя панель навигации отлично работает в качестве панели навигации. Однако, когда страница достаточно мала, чтобы ее можно было преобразовать в меню-гамбургер, при выборе ссылки она перемещает меня в нужное место, но панель не скрывается, пока я снова не нажму гамбургер.
Я предполагаю, что это потому, что я не использую правильный сценарий JQuery или Bootstrap (это то, что чаще всего кажется исправлением), но, насколько я могу судить с моими новичками, это самый современный вариант версию.
Я просматривал прошлые ответы и экспериментировал с кодом, но не смог решить проблему.
Есть мысли?
HTML в голове
[*]
HTML для панели навигации
Home
[*]
Training and Experience
[*]
Sessions and Fees
[*]
Contact Me
[/list]
Here for you when you need it most
HTML-скрипты внизу страницы
$(document).on('click', 'a.nav-link', function(event) {
event.preventDefault();
console.log("CLICKED ANCHOR!");
$('html, body').animate({
scrollTop: $($.attr(this, 'href')).offset().top - $(".navbar.sticky-top").height()
}, 500);
});
Подробнее здесь: https://stackoverflow.com/questions/623 ... -when-clic
