<div class="navbar" id = "navbar">
<div class="container">
<div class="navbar-header">
<button id="burg" type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="sp">ONTEAM.IO</span>
</div>
<div id="burg-link" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#banner">HOME</a></li>
<li><a href="#aboutus">ABOUT US</a></li>
<li><a href="#proficiency">SKILLS</a></li>
<li><a href="#contact" target="_blank">CONTACTS</a></li>
</ul>
</div>
</div>
</div>
$(function () {
var body = $('body'),
burg = $('#burg'),
burgLinks = $('#burg-link');
burgLinks.on('click', function () {
burgLinks.css('display', 'none');
enableScroll();
});
burg.on('click', function () {
burgLinks.show();
if (burg.hasClass('clicked')){
burg.removeClass('clicked');
enableScroll();
} else {
burg.addClass('clicked');
disableScroll();
}
});
function disableScroll() {
body.css('overflow', 'hidden');
}
function enableScroll() {
body.css('overflow', 'scroll');
}
});
Я уже задавал вопрос тут:
https://toster.ru/q/449143
Но теперь другая проблема у меня. При нажатии на бургер - скролл исчезает, при обратном нажатии - скролл появляется, так и должно быть. Но, у бургера есть список, и когда я на одну из ссылок в списке кликаю, то я перемещаюсь по странице. А список остается висеть. Нужно сделать так, чтобы после клика на определенную ссылку, список исчезал, что я уже почти реализовал. Но при повторном клике на бургер, список появляется на секунду и сразу пропадает, в это время срабатывает событие остановки скролла, которая повешена на бургер. Почему так происходит? Как это решить? Надеюсь всё понятно изложил.