wowjs / animate.css和隐藏的元素

时间:2014-11-02 01:27:49

标签: javascript jquery css animation

我页面上的元素被隐藏(使用jquery' hide()),并通过用户点击菜单项(使用jquery' s show())显示。

从隐藏状态显示的元素不会播放wowjs或animate.css动画。如果我删除了隐藏状态,只是将它们默认显示,那么动画会在页面加载时播放。

当元素进入可见/显示状态时,我喜欢动画播放,而不仅仅是当用户向下滚动它们时(我意识到wowjs的用途)。

1 个答案:

答案 0 :(得分:2)

Wow Js库不提供此设施就像点击元素动画时一样,它的动画仅在元素出现在DOM上时适用。当jquery show()是累积的事件时,可以应用动画时间使用JQuery addClass ()函数提供动画点击事件使用JQuery的addClass()函数: -

$("element").addClass("animation name from animate.css");