jQuery＆amp;用于scrollReveal的animate.css

Question

我一直试图在Scroll效果上创建一个显示，我已经尝试了多个插件，但我似乎无法找到任何适合我正在寻找的内容，如果他们这样做我不确定如何实现它有效地做我想做的事。

我有一段我一直在玩的JavaScript代码;

$(document).ready(function(){
        $(window).scroll(function(){
            $('.hideme').each(function(i){
                var bottom_of_object = $(this).offset().top + $(this).outerHeight();
                var bottom_of_window = $(window).scrollTop(); + $(window).height();
                if(bottom_of_window > bottom_of_object){
                    $(this).addClass('animated fadeInUp', 1000);
                }
            });
        });
    });

问题是动画只有在离开屏幕时才会被添加，所以我必须滚动到我希望动画生效的地方才能实际工作。我不确定如何在窗口/浏览器视图中使JS实现animate.css代码。

我尝试做的另一件事是用jQuery（removeClass）方法删除类，但它只是隐藏，而show是没有动画的项目。

我用gif来说明我的问题（抱歉它太小了）。

还有一个JsFiddle来进一步说明我的问题; https://jsfiddle.net/1hwpswow/

Answer 1

Anímatecss使用不透明度，你将不透明度设置为0，动画应该有效！此外，每次使用时都必须删除并添加animate css的类！

Answer 2

在开始时设置margin-top并在滚动完成后将其删除 距离等于窗口的高度。这是一个小提琴： https://jsfiddle.net/Carr1005/1hwpswow/2/

bar