jQuery TopDistance动画开始

jQuery TopDistance animation start?

本文关键字:开始 动画 TopDistance jQuery      更新时间:2023-09-26

我写的脚本有一个小问题。由于某些原因,它不是指TopDistance它被声明为850。只要点击一下向下的箭头,动画就开始了。

你能帮助这个早期启动动画吗?

        $(window).on('scroll', function () {
        var scrollTop = $(this).scrollTop();
        $('.projekt').each(function () {
            var topDistance = $(this).offset().top;
            if ((topDistance - 850) < scrollTop) {
                $(this).addClass("animated fadeInRight");
            }
        });
    });

        $(window).on('scroll', function () {
        var scrollTop = $(this).scrollTop();
        $('.projekt').each(function () {
            var topDistance = $(this).offset().top;
            if ((topDistance - 850) < scrollTop) {
                $(this).removeClass("projekt");
            }
        });
    });

看看这个jsfield
我只用了一个函数,而不是两个,它可以工作。

$(window).on('scroll', function () {
    var scrollTop = $(this).scrollTop();
    $('.projekt').each(function () {
        var topDistance = $(this).offset().top;
        if ((topDistance - 850) < scrollTop) {
            $(this).addClass("animated fadeInRight").removeClass('projekt');
        }
    });
});