2013-11-28 1 views
1

나는, 음의 값으로 top 속성을 변경하고도 height을 변경 mouseenter에 목록 항목에 jQuery.animate()와 효과를 적용하기 위해 노력하고있어하지만, 애니메이션이 완료되는 동안 내 목록의 다른 요소에서 결함이 발생합니다. 애니메이션이 완료되면 멈 춥니 다.가 다운 기타리스트 항목을 만들어

여기에 글리치가 표시된 fiddle이 있습니다.

css가 애니메이션없이 적용되면 예상대로 작동합니다. 다른 fiddle이 있습니다.

내가 뭔가를 잃어 버렸나요? 이 효과를 올바르게 달성 할 수있는 방법이 있습니까?

+0

내 브라우저에서 완벽하게 작동합니다. –

답변

3

애니메이션에 애니메이션을 적용하는 동안 인라인 스타일이 포함되어 있기 때문입니다. overflow: visible !important;을 목록 항목의 스타일에 삽입하면 나에게 잘 작동합니다 (Firefox에서만 테스트 됨)

+0

+1 좋은 답변입니다. – equisde

+0

그것은 매력처럼 작동했습니다, 감사합니다! – Ravan

관련 문제