스크롤 할 때까지 계속 작동하는 드롭 다운 메뉴

Question

"스크롤 할 때"축소 된 머리글 섹션과 드롭 다운 메뉴가있는 사이트를 만듭니다.

내가 겪고있는 문제는 아래로 스크롤 할 때 드롭 다운이 올바르게 표시되지 않는다는 것입니다. 나는 드롭 다운을 포함하는 "ul"엘리먼트를 검사 해 보았습니다. 그러나 엘리먼트를 검사 할 때 거기에 상자가 보이지만 보이지 않기 때문에 무슨 일이 일어나는지 이해할 수 없습니다.

나는 당신이 다시 스크롤의 엉망 경우에도, 여기 http://makanudos.com/pico/beg.php

당신은 당신이 스크롤 일단은, 작동, 스크롤되지 않는 경우에 것을 볼 수 있습니다 내 문제의 데모를 설정합니다.

머리글의 축소 기능을 제거했을 때 모든 기능이 작동하므로 오류가 있어야한다고 추측 할 수 있지만 시간이 지나면 운이 따랐습니다.

오른쪽 방향의 어떤 점도 높이 평가할 것입니다!

Answer 1

ul이있는 부모 인 li은 overflow: hidden의 인라인 스타일을 가져옵니다. 그것이 메뉴 열기를 볼 수없는 이유입니다.

Answer 2

jQuery는 애니메이션이 진행되는 동안 요소 오버플로가 발생하지 않도록 오버레이를 애니메이션 전에 숨김으로 설정합니다. (AJAX는 내부 IP로 이동)

$(element).animate(...).css('overflow', 'visible');