我正在尝试移动页面上的一些元素,在动画发生的过程中,我希望将"overflow:hidden“应用于elemnt,并在动画完成后将"overflow”恢复为"auto“。
我知道jQuery有一个实用函数,可以确定某个元素是否正在进行动画处理,但我在文档中找不到它
发布于 2014-01-15 18:29:40
或者,要测试某些内容是否没有动画,您可以简单地添加"!":
if (!$(element).is(':animated')) {...}
发布于 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");
});
发布于 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/
https://stackoverflow.com/questions/724911
复制相似问题