Animate css on scroll. How to implement?

Question

css

Hello, I came up with the idea to add animate.css to the site when scrolling.
There is a script to make the animation work when scrolling:

$(window).scroll(function (){
    $(' .zoom').each(function (){
        var imagePos = $(this).offset().top;
        var topOfWindow = $(window).scrollTop();
        if (imagePos < topOfWindow+1000){
            $(this).addClass('zoomIn');
        }
    });
});

But there is a problem, on other devices, the animation does not work as it should.

Answer 1

as I understand the animation should work when scrolling to the element,
try the viewportchecker.js plugin

Answer 2

wow.js seems to be for this