Задать вопрос
RAINOGD
@RAINOGD
PHP, C#, Unity3d программист.

Почему событие работает неправильно и как это решить?

<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

Но теперь другая проблема у меня. При нажатии на бургер - скролл исчезает, при обратном нажатии - скролл появляется, так и должно быть. Но, у бургера есть список, и когда я на одну из ссылок в списке кликаю, то я перемещаюсь по странице. А список остается висеть. Нужно сделать так, чтобы после клика на определенную ссылку, список исчезал, что я уже почти реализовал. Но при повторном клике на бургер, список появляется на секунду и сразу пропадает, в это время срабатывает событие остановки скролла, которая повешена на бургер. Почему так происходит? Как это решить? Надеюсь всё понятно изложил.
  • Вопрос задан
  • 199 просмотров
Подписаться 1 Оценить 2 комментария
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы