Javascript 为什么我的窗口滚动事件导致滚动中断？

当你滚动时，我会应用一个类，但由于某些原因，我鼠标上的滚轮有时会停止工作。这似乎是在随机地点的网站和随机时间。我不明白为什么会这样

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

我从来没有，我没有在任何其他网站上有这个问题。我还试过其他可用的鼠标，它们的行为都一样。所以我可以排除硬件问题

CSS:

---

如果我删除了

hasClass

和

addClass

，行为就会停止。知道如何修复它吗？

类

js-boxShadow

做什么？它应用了什么样式？问题已用CSS更新。如果将

.scrollTop（）

更改为

>=100，会发生什么？问题仍然存在。我想这是因为每次滚动都要检查一个类，每个像素，但我不知道如何解决这个问题。我要做的第一件事是创建滚动事件，然后我还要进行回调。看看这是否有什么改进。
.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;
}