Jquery 메뉴가 비정상적으로 작동하고 잘못된 위치 지정 및 일반적인 버그

Question

나는 수평 메뉴를 만들었습니다.

해야 할 일은 아래에있는 요소를 규칙적인 방식으로 오른쪽에 따라 정렬하는 것입니다. 대신 페이지 전체에서 무작위로 점프하며 깜박임과 같은 다른 문제가 있습니다. 나는 그것을 잠시 만드는 것에 매달 렸고 이러한 문제를 해결하기위한 몇 가지 팁을 좋아할 것입니다. 문제를 보여주는 JS FIDDLE은 모두 삭제되었습니다.

감사합니다.

가

• 서브 메뉴가 메인 탐색 우측 완벽하게 정렬되지 않은 주요 NAVS 의해 계산 된 오프셋은 폭 + 오프셋 비록 :

  여기서 현재의 문제이다.

• 점멸 가끔 마우스 오버를 캐치하지 않았던

• 요소 (중간 정도의 큰 테두리를 사용하여 해결), 나는 모든 방법을 아래로 떨어져 위로를하고

• 오프 내 마우스를 이동하고 재현 메뉴 슬라이드 아웃 부분은 다소 랜덤 한 순서로, 페이지의 오른쪽 아래로 진행하고,

Answer 1

플리커 문제에 대한 해결책은 하위 메뉴 비켜 만드는 것이다 멀리 (싸) 계속 이동 거칠거나 만지십시오. 이 작업은 메뉴 항목에 1 픽셀의 흰색 테두리를 추가하여 수행 할 수 있습니다.

정렬 문제 (의도 한 것일 수 있음)가 발생하면 요소의 패딩과 테두리를 패딩 안쪽에 추가해야합니다 (두 번).