滚动时的滚动持续时间

Question

我正在使用Jquery创建一个效果，该效果将随着用户滚动而改变

$(function() {
    var headerPosition = $(".home-header");
    $(window)
        .scroll(function() {
            var scroll = $(window)
                .scrollTop();

            if (scroll >= 200) {
                headerPosition.addClass("home-header-color");
            } else if (scroll <= 600) {
                headerPosition.removeClass("home-header-color");
            }
        });
});

这就是我使用的简单的add remove class函数，该函数会在一定的滚动量上触发。

我想做的就是让用户无论滚动多快都可以滚动一次。

这是我想出的，但向上滚动效果不佳。

Codepen

我希望它仅在您向上滚动时到达屏幕顶部时显示。不只是向上滚动。

我尝试将两者结合在一起，但效果不佳。