it-swarm-ko.tech

페이지로드시 확장 된 드롭 다운 메뉴

Drupal Megamenu module 을 사용하여 만든 계층 적 드롭 다운 메뉴가 있습니다. 내 필요에 따라 잘 작동하지만 작은 문제가 있습니다. 페이지가로드되면 전체 메뉴 트리가 확장 된 것처럼 보이며 잠시 동안 전체 페이지를 덮습니다.
어렵게 보입니다. 이 문제를 해결하기위한 제안이나 해결 방법이 있으면 대단히 감사하겠습니다.

3
Sivaji

이와 같은 문제는 사물을 숨기기 위해 JavaScript에 의존 할 때 발생합니다. 페이지로드시 항목이 나타나기까지 수백 ms가 걸릴 수 있습니다.

이를 해결하는 방법은 CSS를 사용하여 페이지가로드 될 때 확장 된 메뉴를 숨기고 JavaScript가 실행되면 CSS의 효과를 제거하는 것입니다.

이를 수행하는 가장 쉬운 방법은 생성 된 HTML에 CSS 규칙에 필요한 클래스를 추가하고 페이지로드시 JavaScript로 클래스를 제거하는 것입니다. preprocess_page 후크의 본문에 클래스를 추가하고 테마의 JS 파일 중 하나에서 다시 제거 할 수 있습니다.

4
googletorp