разных файлах, при ширине 768px и ниже, верхнее меню превращается в строку с кнопкой-гамбургером, т.е. в моб версию. Надо увеличить это до 1024px, заебался я искать эти медиа запросы, повставлял везде, что касается меню, 1024px вместо 768px. Но нужно вот еще что сделать:
На ширине экрана свыше 1024px при скролле вниз делать это меню таким, как оно выглядит на ширине экрана меньше 1024px. Т.е. при ширине меньше 1024px надо делать его мобильным/планшетным, но и при ширине больше 1024px, но при скролле вниз, тоже его таким делать.
Я понимаю, что в идеале надо было изначально это предусмотреть, но имеем то, что есть, как это все правильно сделать?
Я отловлю джиэсом событие скролла, но как все эти медиа запросы подрубить к этому событию?
Добавляй JS'om в body класс, по которому будет определяться что пользователь проскроллил. Стилизуй детей прокролленого body отдельно.
Обсуждают сегодня