테스트 사이트 - 개발 중인 베타 버전입니다

반응형 gnb의 제이쿼리 어떻게 만들어야할까요? 채택완료

푸가 6년 전 조회 3,644

우선 pc, 태블릿, 모바일 버전으로 만들었습니다 

 

pc,태블릿 버전에선 ul.gnb > li 에 호버시 하위메뉴 div.depth가 슬라이드다운되도록 만들었는데요 

 

문제는 모바일 버전에서입니다 

 

모바일 버전으로 전환시 gnb는 햄버거버튼으로 대체되는데 

 

이 햄버거 버튼을 클릭시 ul.gnb > li가 슬라이드다운이 되도록 만들었습니다 

 

헌데 문제가 뭐냐면 ul.gnb > li 에 마우스를 호버시키면 .depth메뉴가 어거지로 구겨져서 나옵니다  

 

pc,태블릿 버전에서 ul.gnb > li 에 적용된 제이쿼리를 모바일버전에서 끊고 새로 만든걸로 대체하려는데

 

어떻게 방법이 있을까요?

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
6년 전

메뉴 자체를 따로 만드시고 미디어로 제어 하시면 되지 않을까요? 보통 그렇게 하는걸로 알고 있습니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

반응형은 미디어쿼리로 제어합니다 제이쿼리의 효과없이 가능합니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인