This commit is contained in:
Zuoling Rong
2025-02-03 11:04:39 +08:00
parent 6273a6eb6b
commit 5acbb0d085
5 changed files with 717 additions and 161 deletions

View File

@@ -216,4 +216,40 @@ document.addEventListener('DOMContentLoaded', () => {
});
});
});
// 移动端菜单交互
const menuToggle = document.querySelector('.menu-toggle');
const sidebar = document.querySelector('.sidebar');
const overlay = document.querySelector('.overlay');
function toggleMenu() {
sidebar.classList.toggle('active');
overlay.classList.toggle('active');
document.body.style.overflow = sidebar.classList.contains('active') ? 'hidden' : '';
}
function closeMenu() {
sidebar.classList.remove('active');
overlay.classList.remove('active');
document.body.style.overflow = '';
}
menuToggle.addEventListener('click', toggleMenu);
overlay.addEventListener('click', closeMenu);
// 点击链接后自动关闭菜单
document.querySelectorAll('.nav-item').forEach(item => {
item.addEventListener('click', () => {
if (window.innerWidth <= 768) {
closeMenu();
}
});
});
// 监听窗口大小变化
window.addEventListener('resize', () => {
if (window.innerWidth > 768) {
closeMenu();
}
});
});