如何使用jQuery来确定元素是否正在被动画？
如何使用jQuery来确定元素是否正在被动画？
提问于 2009-04-07 10:03:55
我正在尝试移动页面上的一些元素，在动画发生的过程中，我希望将"overflow:hidden“应用于elemnt，并在动画完成后将"overflow”恢复为"auto“。
我知道jQuery有一个实用函数，可以确定某个元素是否正在进行动画处理，但我在文档中找不到它
回答 4
Stack Overflow用户
发布于 2014-01-15 18:29:40
或者，要测试某些内容是否没有动画，您可以简单地添加"!"：
if (!$(element).is(':animated')) {...}Stack Overflow用户
发布于 2015-06-23 06:20:03
如果您正在使用css动画，并使用特定的class name指定动画，则可以按如下方式进行检查：
if($("#elem").hasClass("your_animation_class_name")) {}但是一定要在动画结束后删除处理动画的类名！
此代码可用于在动画完成后移除class name：
$("#elem").on('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend',
function(){
$(this).removeClass("your_animation_class_name");
});Stack Overflow用户
发布于 2016-08-25 16:23:46
如果你想将css应用于动画元素，你可以使用:animated伪选择器，如下所示。
$("selector").css('overflow','hidden');
$("selector:animated").css('overflow','auto');来源：https://learn.jquery.com/using-jquery-core/selecting-elements/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/724911
复制相关文章
相似问题