Close mobile menu automatically on scroll
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
parent
d778a7e5f2
commit
8e5ba6f687
1 changed files with 5 additions and 2 deletions
|
|
@ -25,10 +25,13 @@ const Header: React.FC = () => {
|
|||
const location = useLocation();
|
||||
|
||||
useEffect(() => {
|
||||
const onScroll = () => setIsScrolled(window.scrollY > 50);
|
||||
const onScroll = () => {
|
||||
setIsScrolled(window.scrollY > 50);
|
||||
if (isMobileMenuOpen) setIsMobileMenuOpen(false);
|
||||
};
|
||||
window.addEventListener('scroll', onScroll, { passive: true });
|
||||
return () => window.removeEventListener('scroll', onScroll);
|
||||
}, []);
|
||||
}, [isMobileMenuOpen]);
|
||||
|
||||
// Close mobile menu on route change
|
||||
useEffect(() => {
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue