Javascript 向下滚动时动画不工作

我正在使用

animate.css

并尝试将动画类应用于页面中的不同部分。动画正在工作，但当我滚动到该特定部分时，动画无法工作。所以现在，如果我想看到一个特定的部分动画，那么我必须刷新。所以我想知道如何实现滚动上的动画

请参见此处的完整代码

下面是我用来实现它的Javascript。我不知道我哪里出错了。提前谢谢

$(document).ready(function(){
    $(window).scroll(function(event)) {
        var y = $.(this).scrollTop();
        if (y >= 300) {
            $('#about').addClass('animated shake');
        }
    });
});

$(document).ready(function(){
    $(window).scroll(function(event)) {
        var y = $.(this).scrollTop();
        if (y >= 600) {
            $('#about').addClass('animated shake');
        }
    });
});

---

正如建议的那样，您可以使用wow.js，这将使它更简单。 选中此项：

.quot{
文本对齐：居中；
外形：3px实心#bfbf；
}
#视野{
字体大小：22px；
字体大小：粗体；
}

新的WOW（）.init（）；
关于我们


视野
“Lorem ipsem Lorem ipsemLorem ipsemLorem ipsemLorem ipsemLorem ipsemLorem
使命
“Lorem ipsemLorem ipsemLorem ipsemLorem ipsemLorem ipsemLorem ipsemLorem”
目标
“Lorem ipsemLorem ipsemLorem ipsemLorem ipsemLorem ipsemLorem ipsemLorem ipsem”







关于你


愿景1
“Lorem ipsem Lorem ipsemLorem ipsemLorem ipsemLorem ipsemLorem ipsemLorem
任务1
“Lorem ipsemLorem ipsemLorem ipsemLorem ipsemLorem ipsemLorem ipsemLorem”
目标1
“Lorem ipsemLorem ipsemLorem ipsemLorem ipsemLorem ipsemLorem ipsemLorem ipsemlem”

与wow js pluginI一起使用animate.css更好使用本教程感谢快速破解，我能够做到这一点。不过，如果有人能让我知道我的JS代码中的错误，那就太好了，因为我想用普通javascript或jquery实现同样的功能。