모바일 보기에서 사용자가 링크를 클릭할 때 이 탐색 표시줄을 어떻게 닫을 수 있나요?

Question

사용자가 웹사이트를 탐색하기 위해 링크를 클릭하면 탐색 표시줄이 닫히지 않나요?

navbar를 닫기 위해 각 링크에 클릭 이벤트 리스너를 추가하려고 시도했지만 작동하지 않습니다! 또한 활성 위치(예: X)의 햄버거 메뉴 아이콘이 제대로 정렬되지 않았습니다. 하지만 가장 큰 문제는 클릭하면 탐색 모음이 접힌다는 것입니다.

으아악 으아악 으아악

Answer 1

저는 메뉴를 반응형으로 만들었다고 가정합니다. 즉, 모바일 장치에도 적합합니다.

1. 이를 위해서는 @media screen CSS를 사용하세요
2. 창 너비가 탭이나 모바일 장치와 비슷하면 햄버거 아이콘을 표시하고, 그렇지 않으면 이 아이콘을 숨깁니다.
3. 메뉴를 닫으려면 메뉴 div(모바일 또는 탭)에 닫기 아이콘을 추가하세요.

이 솔루션이 도움이 되기를 바랍니다

햄버거 아이콘이 있는 다음 모바일 뷰 내비게이션 바코드를 참고하실 수 있습니다.

으아악 으아악