JQuery. 애니메이션 중에 레이아웃이 흔들리고있다.

JQuery 아코디언 애니메이션 (단순한 숨기기/보여주기)은 일부 브라우저 (IE, Opera)에서 이상하게 보인다. 그러나 Fire Fox와 Chrome은 아티팩트없이 애니메이션을 완벽하게 렌더링합니다. HTML 레이아웃은 주변의 패딩/여백이 작은 무작위 값으로 변경되는 것처럼 애니메이션 중에 IE/Opera로 흔들리는 경향이 있습니다.JQuery. 애니메이션 중에 레이아웃이 흔들리고있다.

이 효과를 최소화하려면 어떻게해야합니까? jquery 버그 또는 브라우저 문제가 있습니까?

출처

2010-05-17 Andrew Florko

내가 생각할 수있는 것은 MSIE와 Gecko/Webkit의 차이점은 "비어있는"또는 숨겨진 div가 공간을 차지한다는 것입니다 (MSIE에서는 생각합니다). 그것은 이전에 '떨리는'효과를 내게 가져다주었습니다.

예를 들어, 사용자가 이미지를 롤오버했을 때 절대적으로 배치 된 '숨김 해제'할 div가 페이지 상단에 있습니다. 사용자가 마우스를 올리면 숨겨진 div가 이동했기 때문에 'jumped'페이지가 표시됩니다. IE에서만 발생했습니다.

출처

2010-05-17 11:54:01 LiverpoolsNumber9

또한 관련이 있는지는 확실치 않지만 IE는 투명도를 제대로 처리하지 못합니다. 예를 들어, 굵게 표시된 텍스트에 'fadeTo'를 사용하면 1로 되돌아 가면 '흐릿한 느낌'으로 보입니다. 이 문제는 여기에있는 문제가 아니라 jQuery 애니메이션 문제를 생각하려고 시도하는 것입니다. – LiverpoolsNumber9

좋아, 브라우저 기능으로 보자. jquery 애니메이션에 대한 일반적인 해결 방법이 있는지 궁금합니다. 해야 할 일과 레이아웃을 유지하지 말아야 할 일은 잘 보입니다. –

IE의 불투명도 문제에 관해서는 항상 '$ (element) .removeAttr ("style");' 불투명도가 1로 되돌아오고, 여전히 불규칙하지만, 적어도 불투명도는 제거됩니다. – LiverpoolsNumber9

JQuery. 애니메이션 중에 레이아웃이 흔들리고있다.

답변

관련 문제