为什么窗口滚动事件会导致滚动中断？

Question

当您滚动时，我会应用一个类，但是由于某种原因，鼠标上的滚轮有时会停止工作。它似乎在站点的随机位置和随机时间。我不知道为什么会这样。

$(window).on("scroll", function() {
    if($(this).scrollTop() >= 1) {
        if(!$(".navigation").hasClass("js-boxShadow")) {
            $(".navigation").addClass("js-boxShadow");
        }
    } else {
        $(".navigation").removeClass("js-boxShadow");
    }
});

我从来没有，并且在任何其他网站上都没有此问题。我还尝试了其他可用的鼠标，它们的行为均相同。因此，我可以排除硬件问题。

CSS：

.js-boxShadow {
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.08);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.08);
    -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.08);
    -o-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.08);
    transition: box-shadow 0.3s ease-in-out;
    -moz-transition: box-shadow 0.3s ease-in-out;
    -o-transition: box-shadow 0.3s ease-in-out;
}

如果我删除了hasClass和addClass，该行为将停止。知道如何解决吗？