JQuery 슬라이드가 부드럽게 보이지 않습니까?

아마 내 PC가 꽤 오래되고 느리기 때문에 JQuery의 슬라이드가 매끄럽지 않은 것 같습니다. 페이지에 요소가 많지 않을지라도 하나의 YouTube 동영상을 삽입 한 후에도 부진합니다.JQuery 슬라이드가 부드럽게 보이지 않습니까?

내 코드

$('#mainmenu-cats').click(function(){ 

    $('#main-categories').slideToggle(400, 'swing'); 

    return false; 
});

부드러운 JQuery와 할 수있는 방법이 매우 간단하다?

출처

2011-12-07 Sean H Jenkins

짧은 답변 : jQuery의 애니메이션은 MooTools만큼 매끄럽지 않습니다. 코드에 아무런 문제가 없으며 일부 브라우저 (Firefox는 악명 높습니다)에서 애니메이션이 잘릴 수 없습니다.

미래의 해결책 중 하나는 이러한 애니메이션을 CSS 애니메이션으로 대체하는 것입니다. 하드웨어 가속기는 많은 경우에있어보다 매끄러운 환경을 제공합니다. 그런 다음 브라우저가 애니메이션을 지원하지 않으면 jQuery 애니메이션으로 대체 할 수 있습니다 (Modernizr을 사용하여이를 감지 할 수 있습니다).

출처

2011-12-07 10:01:49 Interrobang

조언 해 주셔서 감사합니다. CSS 애니메이션은 지금 배우기 시작하는 것이 좋지만 IE가 항상 따라 잡아야하므로 기다릴 수 있습니다. 나는 MooTools에 대해 들어 왔지만 결코 사용하지 않았다. 전에 사용 해본 적이 있습니까? jquery와 비교하면 어떻습니까? –

MooTools와 jQuery는 다소 다른 목표를 가진 서로 다른 짐승입니다. 가장 중요한 관심사가 부드러운 애니메이션 인 경우 살펴볼 내용입니다. 하지만 jQuery는 훨씬 더 많은 사이트에서 사용됩니다. – Interrobang

다시 한번 감사드립니다. 최소한 MooTools를 확인해 보겠습니다. –

JQuery 슬라이드가 부드럽게 보이지 않습니까?

답변

관련 문제