阻止视图滚动并在滚动上显示/隐藏div

Question

我正在开发一个Web应用程序的首页，我想在其中添加滚动显示和隐藏动画（但是要抓住）。

当图像居中时，用户将滚动到我的图像，视图的滚动将停止，然后一个一格的div就会可见（ on滚动），然后再变为下一个可见的div被隐藏，然后在最后一个div被隐藏后，将再次开始正常滚动。

关于SO的所有滚动动画问题都不适用于我。这种情况与普通的滚动动画有所不同。

我刚刚在jquery中取得了滚动位置：

$(window).scroll(function() {
        var scroll = $(window).scrollTop();
        console.log(scroll);
        if (scroll >= 553 && scroll < 1500) {
            $(".invoice-preview-details").addClass("fixedimg");
        } else {
            $(".invoice-preview-details").removeClass("fixedimg");
        }
    });

css：

.fixedimg {
    position: fixed;
    top: 10%;
    left: 30%;
}

通过上面的代码，我能够在某点上停止图像，但是当删除类时，它就消失了（应该像向上滚动而不是消失）。

我有代码可以使div可见和隐藏。我只是停留在滚动检测并阻止视图滚动的状态。

评论，如果您需要我的帮助。