Javascript 滚动功能在看到元素时激活

我有3张图片，当用户滚动到页面上的某个部分时，它们会自动向右移动（使用CSS转换）

我的代码的问题是它太早激活了“向右移动”，即使你甚至看不到图像。如果我重新加载页面，只需停留在应该移动的图像上，并向上或向下滚动，就可以了

我认为启动滚动功能有问题。。。 可以说移动图像的css类在某个高度被激活吗

这是我当前的代码：

$(window).scroll(function(event) {

    var y = $(this).scrollTop();

    if (y >= 600) {

        $('#number1').addClass('animate');
        $('#number2').addClass('animate');
        $('#number3').addClass('animate');
    }
});

---

可以检查视口中是否有元素，如下所示：

当窗口加载或滚动时，如果为真，则可以运行检查和滚动。由于图像都在同一y坐标上，您可以使用第一个元素进行检查：#number1