figma_adp_03
This commit is contained in:
22
main.js
22
main.js
@@ -76,3 +76,25 @@ document.querySelector('.header_nav_link-reverse').addEventListener('click', fun
|
||||
}
|
||||
});
|
||||
|
||||
// -------------------------------------BURGER-MENU-----------------------------------------------------------------------------------
|
||||
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
const burgerBtn = document.querySelector('.burger_menu_btn');
|
||||
const navWrapper = document.querySelector('.header_top_wrapper-open');
|
||||
const navMenu = navWrapper.querySelector('.header_nav_top');
|
||||
|
||||
burgerBtn.addEventListener('click', () => {
|
||||
navMenu.classList.toggle('active');
|
||||
burgerBtn.classList.toggle('active');
|
||||
document.body.classList.toggle('lock'); // блокируем скролл при открытом меню
|
||||
});
|
||||
|
||||
// при клике по ссылке меню закрываем бургер
|
||||
navWrapper.querySelectorAll('.header_top_link').forEach(link => {
|
||||
link.addEventListener('click', () => {
|
||||
navMenu.classList.remove('active');
|
||||
burgerBtn.classList.remove('active');
|
||||
document.body.classList.remove('lock');
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user