windpacer/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

모바일 메뉴 사라짐 해결

Browse Source
This commit is contained in:
Wind
2026-02-19 07:52:07 +09:00
parent 2ef5d95981
commit e33d42bd7e
16 changed files with 47016 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
html/assets/js/script.js
View File

@@ -68,13 +68,27 @@ document.addEventListener('DOMContentLoaded', () => {
// ============================================================
// 메뉴 토글
// ============================================================
const menuBtn = document.querySelector('.menu-btn');
const navMenu = document.querySelector('.nav-menu');
const menuBtn = document.querySelector('#mobile-menu-btn');
const navMenu = document.querySelector('#mobile-menu');
const closeBtn = document.querySelector('#close-menu-btn');
if (menuBtn && navMenu) {
// 메뉴열기
menuBtn.addEventListener('click', () => {
navMenu.classList.toggle('open');
navMenu.classList.remove('translate-x-full');
menuBtn.classList.toggle('open');
});
//메뉴닫기
if (closeBtn) {
closeBtn.addEventListener('click', () => {
navMenu.classList.add('translate-x-full');
});
}
//메뉴 링크 클릭 시 닫기
navMenu.querySelectorAll('a').forEach(link => {
link.addEventListener('click',() => {
navMenu.classList.add('translate-x-full');
});
});
}
// ============================================================