Как по нажатию на кнопку, сделать выплывающий блок с nav на чистом JS?
У меня есть сайт и мне нужно чтобы по нажатию на бургер, справа плавно выплывал блок с nav (пример на скрине), который у меня был на странице (отключил на 768px).
Я гуглю и все в основном на jquery, а мне нужно на чистом JS, да и того что мне прям нужно я не могу найти
Проблема в том, что я не понимаю саму логику, как это делать, типа на ширине 768 пикселей создать блок и перемещать туда nav и перемещать этот блок налево, а по нажатию на бургер, делать так чтоб он выезжал?
Без вашей вёрстки можно ответить только абстрактно.
Делаете на мобильном position: fixed, позиционируем за границей экрана, прописываем transition для позиции, по клику на кнопку меняем класс, в котором будет прописана такая позиция, что nav будет виден как вам надо. Профит.
Блин ну в js нужно управлять состоянием, в сss - отображением.
т.е. при нажатии на бургер ты добавляешь/удаляешь класс, а в стилях управляешь отображением
посмотри https://www.youtube.com/watch?v=zf59Rg_KYk8
