jQuery에서 요소가 애니메이션으로 작동하는지 어떻게 알 수 있습니까?

Question

페이지에서 일부 요소를 이동하려고하는데 애니메이션이 발생하는 동안 애니메이션이 끝나면 "overflow : hidden"을 elemnt에 적용하고 "overflow"를 "auto"로 되돌리고 싶습니다. . 내가 jQuery를 알고

몇 가지 요소가 애니메이션되고 있는지 여부를 결정하는 유틸리티 기능을 가지고 있지만 나는

Answer 1

if($(elem).is(':animated')) {...} 

더 많은 정보 워드 프로세서 어디서나 찾을 수 없습니다 http://docs.jquery.com/Selectors/animated

---

또는 :

$(elem) 
    .css('overflow' ,'hidden') 
    .animate({/*options*/}, function(){ 
     // Callback function 
     $(this).css('overflow', 'auto'); 
    }; 

Answer 2

"!"

if (!$(element).is(':animated')) {...} 

Answer 3

당신이 css 애니메이션을 사용하여 특정 class name를 사용하여 애니메이션을 할당하는 경우는, 다음과 같이 그것을 확인할 수 있습니다 뭔가 애니메이션되지 않은 경우, 당신은 간단하게 추가 할 수있는, 테스트

if($("#elem").hasClass("your_animation_class_name")) {} 

하지만 애니메이션이 끝나면 애니메이션을 처리하는 클래스 이름을 제거했는지 확인하십시오! 당신이 애니메이션 요소에 CSS를 적용 할 경우

$("#elem").on('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', 
function(){ 
     $(this).removeClass("your_animation_class_name"); 
}); 

Answer 4

, 당신은 :animated 의사 선택기를 사용하여 다음과 같이 그것을 할 수 있습니다,

: 애니메이션이 완료된 후

이 코드는 class name을 제거하는 데 사용할 수 있습니다

$("selector").css('overflow','hidden'); 
$("selector:animated").css('overflow','auto'); 

소스 : https://learn.jquery.com/using-jquery-core/selecting-elements/

Answer 5

$('selector').click(function() { 
    if ($(':animated').length) { 
    return false; 
    } 

    $("html, body").scrollTop(0); 
});