Jquery 激活滚动动画

Jquery 激活滚动动画,jquery,css,animation,Jquery,Css,Animation,我正在项目中使用,当滚动到时,似乎无法激活动画。动画在我加载该页面后立即开始 我更改了脚本,以便在长方体进入视口时立即运行动画 在我添加imagePos之前,您的案例中有一个值200。这意味着您需要向上滚动框,直到浏览器窗口顶部和框之间有200px。既然你的盒子后面没有东西,你也不能把它滚那么远,你需要改变它 我希望这有帮助。$“对象”。每个。。。看起来很奇怪,您只有一个ID为的元素,对吗?$。每个元素都设计用于处理对象集合。你有没有测试过那个部分以确保它正确实现?嗯,我已经直接从源代码复制了代

我正在项目中使用,当滚动到时,似乎无法激活动画。动画在我加载该页面后立即开始


我更改了脚本,以便在长方体进入视口时立即运行动画

在我添加imagePos之前,您的案例中有一个值200。这意味着您需要向上滚动框,直到浏览器窗口顶部和框之间有200px。既然你的盒子后面没有东西,你也不能把它滚那么远,你需要改变它


我希望这有帮助。

$“对象”。每个。。。看起来很奇怪,您只有一个ID为的元素,对吗?$。每个元素都设计用于处理对象集合。你有没有测试过那个部分以确保它正确实现?嗯,我已经直接从源代码复制了代码。我想知道我是否忽略了什么?
$(window).scroll(function() {
    $('#object').each(function(){
    var imagePos = $(this).offset().top;

    var topOfWindow = $(window).scrollTop();
        if (imagePos < topOfWindow+200) {
            $(this).addClass("fadeIn");
        }
    });
});
$(window).scroll(function() {
        $('#object').each(function(){
        var imagePos = $(this).offset().top;

        var topOfWindow = $(window).scrollTop();
            if (imagePos < topOfWindow+imagePos) {
                $(this).addClass("fadeIn");
            }
        });
});