ZA
У меня щас так примерно и стоит, но просто если разрешение на браузере менять, без обновления страницы все криво получается)
существует событие resize для такого
Size: a a a
2020 July 27
Р
кхм пошел гуглить)
ZA
просто обычно меню — это больше, чем показать/скрыть
надо ещё убирать скролл при открытом меню, добавлять оверлей для закрытия, закрытие по esc, иногда вешать доп классы на хедер, если там что-то нестандартное
надо ещё убирать скролл при открытом меню, добавлять оверлей для закрытия, закрытие по esc, иногда вешать доп классы на хедер, если там что-то нестандартное
AP
ты имел в виду на чистом css вариантом с чекбоксом?
нет, тоже что и ты описал
ZA
нет, тоже что и ты описал
а, я о другом подумал)
NM
понятно
ценная инфа
проще самому сделать
ценная инфа
проще самому сделать
ну делай,вопрос надо формулировать,тут люди работают и делятся опытом,а не решают за тебя задачи,не еби мозг
Р
С другой стороны это конечно перфекционизмом отдает, для юзеров никакой роли играть не будет
ZA
С другой стороны это конечно перфекционизмом отдает, для юзеров никакой роли играть не будет
что именно?
Р
Вот у меня кривоватость появляется если двигать разрешение (ширину), но если заходить с любого устройства все ок
Также если обновлять страницу то все разрешения будут ок
Хреново обьяснил, в общем js не обновляется при разных разрешениях без обновления страницы
Также если обновлять страницу то все разрешения будут ок
Хреново обьяснил, в общем js не обновляется при разных разрешениях без обновления страницы
NM
Вот у меня кривоватость появляется если двигать разрешение (ширину), но если заходить с любого устройства все ок
Также если обновлять страницу то все разрешения будут ок
Хреново обьяснил, в общем js не обновляется при разных разрешениях без обновления страницы
Также если обновлять страницу то все разрешения будут ок
Хреново обьяснил, в общем js не обновляется при разных разрешениях без обновления страницы
Это норма
Р
Ну то есть любой обычный юзер никак не заметит, но самого то бесит хахах
NM
но вряд ли ты сделаешь с этим что-то
NM
или при ресайзе заного запускать код,но это дикость
ZA
Вот у меня кривоватость появляется если двигать разрешение (ширину), но если заходить с любого устройства все ок
Также если обновлять страницу то все разрешения будут ок
Хреново обьяснил, в общем js не обновляется при разных разрешениях без обновления страницы
Также если обновлять страницу то все разрешения будут ок
Хреново обьяснил, в общем js не обновляется при разных разрешениях без обновления страницы
вызывай функцию по ресайзу, всё остальное в джс-чатах
Р
Второй вариант как я понял все перекидывать на css html и дисплей нон
Р
Ладно спасибо, посмотрю ресайз
ZA
Второй вариант как я понял все перекидывать на css html и дисплей нон
по-хорошему, джсом надо только классы тогглить или менять значения аттрибутов
ZA
стили уже в css
m
Гайз, я словил затуп, помогите.
Есть блок (кнопка меню), у неё тоггл на класс .active.
В ней вложена полоска — при открытии, то есть при .menu.active, она уезжает вниз.
При закрытии, то есть просто .menu, она должна обратно уехать вверх, реверсом.
Если я просто на .menu .line вешаю обратную анимацию — она работает, но показывается при загрузке страницы. Как выйти из ситуации?
Есть блок (кнопка меню), у неё тоггл на класс .active.
В ней вложена полоска — при открытии, то есть при .menu.active, она уезжает вниз.
При закрытии, то есть просто .menu, она должна обратно уехать вверх, реверсом.
Если я просто на .menu .line вешаю обратную анимацию — она работает, но показывается при загрузке страницы. Как выйти из ситуации?