Odinokun
@Odinokun
https://t.me/odinokun_channel

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

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

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

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

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

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

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