Odinokun
@Odinokun

Как поправить некорректную адаптацию меню?

День добрый.
Имеется адаптивное меню.
Не могу побороть бажик в коде, который возникает при перестаивании меню из десктопной версии в мобильную и обратно.

Изначально была активна функция №1 (строки 47-55), и менюха работала как часы, но только до тех пор пока не появлялась вертикальная полоса прокрутки. После этого десктопное меню начинало пропадать при ширине 786px и появлялось мобильное при 768px. В промежутке на экране не было вообще никакого меню.

Я подумал, что просто надо отталкиваться не от ширины браузера, а от ширины браузера минус прокрутка.
Так появилась функция №2 (строки 58-66).
Работает отлично, все перестраивается правильно и со скроллом и без.
Но был выявлен баг ((.
Если после того как меню перестроится в мобильную версию, открыть и потом закрыть меню, то меню больше не перестраивается в десктопный вариант.

Подскажите плз, в каком месте была допущена ошибка.
  • Вопрос задан
  • 81 просмотр
Решения вопроса 1
Odinokun
@Odinokun Автор вопроса
Проблема решена.
Использовал window.innerWidth (новая функция начинается со строки 68).
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы