묻고답하기
페이지 로딩시 특정 드롭다운 메뉴의 서브 메뉴가 잠시 출력되는 문제
2015.12.23 11:19
이번에 질문드릴 내용은 글로벌메뉴로 활용되는 드롭다운 메뉴에 대한 부분입니다.
인터넷에서 구한 드롭다운 메뉴는
1. 메인메뉴 1,2,3,4,5
2. 서브메뉴 1-1,1-2,3-1
로 구성되어 있는데 기본적으로 서브메뉴는 메인메뉴를 선택하기 전까지는 숨겨진 상태로 있습니다.
그것이 당연한 것인데 페이지가 로딩될때 잠시지만 항상 서브메뉴까지 모두 펼쳐져서 보이다가 숨겨지는 패턴이 반복되고 있습니다.
아래표처럼 숨겨져서 보이는 것이 아니라
| 메인메뉴1 | 메인메뉴2 | 메인메뉴3 | 메인메뉴4 | 메인메뉴5 |
아래 화면처럼 무조건 펼쳐져서 보이는데 만약 항상 펼쳐져있으면 hidden 값의 문제라고 할 수 있겠으나 잠시 펼쳐져있다가 2~3초 후 숨겨지는 이유를 도저히 모르겠습니다.
| 메인메뉴1 | 메인메뉴2 | 메인메뉴3 | 메인메뉴4 | 메인메뉴5 |
| 서브1 | 서브1 | 서브1 | 서브1 | |
| 서브2 | 서브2 | 서브2 | 서브2 | |
| 서브3 | 서브3 | 서브3 |
사실 소스를 보여드리면서 질문을 해야하겠지만 사정상 혹시 일반적으로 이런 원인을 알고 계신분이 있으시면 조언 부탁드립니다.
댓글 3
-
inJin
2015.12.23 15:37
-
nfreerin
2015.12.23 15:55
답변 감사합니다. 내용이 워낙 방대해서요. 제작자에게 질의해 놓은 상태입니다. 감사합니다.
-
문제는 css 보다 js가 로딩속도가 늦어서 그런거 같고요.
하위메뉴를 css에서 display:none 시키는게 아니라
js에서 특정 class 명을 붙혀서 display:none 시키거나 js에서 해당 부분을 hidden 시키는거 같습니다.
소스를 보지 않는 한에는 알 수 없습니다.. @_@; 자바스크립트의 문제인지.. css 의 문제인지 ..