jquery - Animated.css 动画在窗口滚动使用 jQuery

Question

我正在尝试添加 animated.css ( http://daneden.github.io/animate.css/ ) 的动画。但是当我在我的页面图像和其他元素上添加动画类和我想要的效果时，动画会在页面上的所有地方同时加载页面时立即完成。我什至看不到它们的功能。这么快。

我知道这可以使用 jQuery 来完成。

基本上我想要的是仅当用户滚动窗口时才使动画功能一一发挥。因此只有当前在屏幕上可见的元素的动画才会起作用，其余动画会在用户滚动窗口时起作用。

Answer 1

如果你想在用户滚动窗口时做动画，你需要使用 jquery 检查特定元素的可见性并应用动画类。

例如，您在 div 名称“disimage”下有一个图像。然后您需要编写如下代码。

  $(document).ready(function(){

    if($("#disimage").visible())
      {
        $("#disimage").toggleClass("myanimationclass");
      }

    });

myanimationclass 应该有你的元素的动画样式。