IE9의 애니메이션이 표준 모드보다 호환성 모드에서 눈에 띄게 빨라 졌습니까?

Question

그래서 움직이는 부분이 많은 웹 앱이 있습니다. 대부분의 부품은 jquery를 사용하여 이동합니다. 스택 오버플로에서 말한 것처럼 많은 경우 IE, Chrome, Firefox 또는 Safari에서 IE보다 훨씬 잘 작동합니다. 사실 그것은 IE7이나 IE8에서 IE9보다 더 잘 작동합니다.

기본적으로 모든 목록 항목이 처음에는 display : none을 사용하여 숨겨진 순서없는 목록이 있습니다. 페이지에는 오디오 파일을 재생하는 미디어 플레이어가 있습니다. 오디오가 재생되면 총알은 $ ("timeable [begin = 'i']")를 사용하여 시간에 표시됩니다. show() 여기서 i는 오디오의 현재 시간입니다.

<ul> 
    <li class="timeable" begin="1">First Item</li> 
    <li class="timeable" begin="5">Second Item</li> 
</ul> 

또 다른 움직이는 부분은 시간 기준으로 jquery에 의해 움직이는 바닥의 스크럽 바입니다. 다른 것들도 있지만 나는 다른 사람들이 이해할 수 있도록 설명하기 위해 이것을 단순하게하고 싶었습니다.

모든 기능은 스크럽 막대는 적절한 시간에 lis 쇼를 이동하지만 표준 모드에서 IE9를 실행하면 스크럽 막대가 매우 고르지 어서 lis가 때때로 지연되고 적절한 시간에 표시되지 않습니다. 호환성 모드에서 IE9를 실행하면 모든 것이 훨씬 원활하게 작동합니다. 또한 더 많은 lis가 느리게 있습니다. 왜 그런 단서가 있니?

나는 "정보가 충분하지 않습니다"라는 울음 소리가 들리 겠지만 일반성에서는 말할 수있을 것이라고 확신합니다. 그러나 더 많은 질문을 요청하십시오.

Answer 1

"왜"이 동작이 표시되는지 알 수 없지만 정확히 동일한 종류의 문제가 나타납니다. IE9 호환성 있음, 잘 작동합니다. IE9 정상에서는 매우 부서져있는 부서가 움직이는 것처럼 고르지 않습니다. 접히는 동안 (너비가 0으로 됨) 붕괴하는 div 내의 12 개 이상의 div는 예상대로 줄어들고 모든 div의 높이는 예상대로 커지고 키가 커지고 div 내의 텍스트가 이동되어 렌더링됩니다. 매우 고르지.

내 페이지 수가 적은 다른 페이지에서 같은 종류의 작업을 수행 할 때 애니메이션이 예상보다 훨씬 부드럽습니다. 유일한 결론은 IE9가 natrual 나누기 (공백, 쉼표 등)에 따라 텍스트 줄을 다시 렌더링하는 데 상당한 시간을 소비하고 있다는 것입니다. 애니메이션이 엔진의 기능을 앞 지르는 것보다 시간이 오래 걸리므로 고르지 못한 디스플레이가 다시 발생합니다.