2011-11-22 12 views
1

slideUp 및 slideDown 함수 (slideToggle로 시도)를 사용하여 간단한 jQuery 애니메이션 아코디언 메뉴를 만들었으며 아코디언 메뉴 요소가 모두 완벽하더라도 애니메이션이 완벽하게 부드럽게 보입니다. 같은 높이. 보시다시피, even here on jQueryUIs example, 요소를 클릭하면 메뉴 하단이 약간 올라간 다음 애니메이션이 완료된 후 다시 자리를 잡습니다. 이것은 애니메이션의 약간의 타이밍 차이와 관련이 있다고 가정하지만 지연을 설정한다고해서 문제가 해결되지는 않습니다. 누구든지이 문제를 해결할 수있는 방법을 알고 있습니까? 작업중인 사이트가 본질적으로 하나의 거대한 아코디언 메뉴이기 때문에 중요합니다. 따라서이 문제는 매우 두드러집니다.jQuery 아코디언 메뉴 애니메이션 흔들림

답변

2

내 2C :

난 당신이 전체 페이지가 상하로 섞어 아코디언 아래의 과민을 방지하려는 경우를 가정 해 보겠습니다. 나는 올바른 길을 가고 있는가? 그렇다면, 나는 행동을 연구하고 바닥에 1, 2, 3 여분의 px를주는 고정 된 높이로 잡고 div를 조정할 것입니다.

나는 또한 일반적으로 내 응용 프로그램에서 "문제"를 발견했습니다.

+0

이와 같은 많은 jQuery 애니메이션에서 보입니다. 지주 회사 div에서도 일정한 높이가 유지되면 머리글 자체가 여전히 약간 흔들릴 수 있습니다. 위로부터 아래로 슬라이딩 (너무 토글로 발생하지만 토글은 내부적으로 비슷한 방법을 사용한다고 가정 함)이라는 두 애니메이션 사이의 약간의 지연으로 인해 발생한다고 생각하기 때문에 브라우저/컴파일러에 대해 구체적으로 판단 할 수 있습니다. – Primus202