Wie finde ich mit jQuery heraus, ob ein Element animiert wird?

Question

Ich versuche, einige Elemente auf der Seite zu verschieben, und während der Zeit, die die Animation auftritt, möchte ich "overflow: hidden" auf ein Element angewendet haben, und "overflow" zurück zu "auto", sobald die Animation abgeschlossen ist .

ich jQuery wissen hat eine Nutzenfunktion, die ein Element bestimmt, ob animiert werden, aber ich kann es nicht überall in der Dokumentation finden

Answer 1

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

Mehr Informationen: http://docs.jquery.com/Selectors/animated

---

Oder:

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

Answer 2

Alternativ , Testen, ob etwas nicht animiert, können Sie einfach hinzufügen, ein „!“:

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

Answer 3

wenn Sie css Animation und weisen Sie die Animation verwenden, indem spezifische class name verwenden, dann können Sie es wie folgt kontrollieren:

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

Aber stellen Sie sicher, dass Sie den Klassennamen entfernen, der die Animation behandelt, nachdem die Animation beendet ist!

können Dieser Code wird die class name, nachdem die Animation fertig entfernen verwendet werden:

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

Answer 4

Wenn Sie CSS animierte Elemente anwenden möchten, können Sie die :animated Pseudo-Selektor und es so, tun können

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

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

Answer 5

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

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