时间戳

首页 > 解决方案 > 为什么我的窗口滚动事件会导致滚动中断？

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

问题描述

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

$(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;
}

如果我删除hasClassand addClass，行为就会停止。知道如何解决吗？

标签： javascript

解决方案

推荐阅读