Javascript 我的粘性滚动导航在js文件中不起作用

除了滚动函数中的if-else语句之外，这里的所有代码都有效。我正在使用chrome并从cdn加载jQuery，它位于任何js文件之前。一切都可以加载，但滚动导航部分不工作

jQuery(document).ready(function () {

    "use strict"
    $('.slider').ripples({
        dropRadius: 14,
        perturbance: 0.01,

    });

    $(".text").typed({
        strings: ["<strong>leveraging </strong><strong class='primary'>Digital Technologies</strong>", "<strong>To Transform </strong><strong class='primary'>Your Business</strong>"],
        typespeed: 0,
        loop: true
    });

    $(window).scroll(function () {

        var top = $(window).scrollTop();
        if (top >= 60) {
            $("nav").addClass('secondary');
        } else
        if ($("nav").hasClass('secondary')) {
            $("nav").removeClass('secondary');
        }
    });
});

jQuery（文档）.ready（函数（）{
“严格使用”
$（'.slider'）。涟漪({
落差半径：14，
扰动：0.01，
});
$（“.text”）。已键入({
字符串：[“利用数字技术”，“转换您的业务”，
打字速度：0，
循环：正确
});
$（窗口）。滚动（函数（）{
var top=$（window.scrollTop（）；
如果（顶部>=60）{
$（“nav”）.addClass（“次要”）；
}否则
if（$（“nav”）.hasClass（'secondary'））{
$（“nav”）.removeClass（'secondary'）；
}
});
});

我测试了你的代码，它运行正常。首先检查是否没有其他库导致的控制台错误。然后检查是否有足够的空间滚动“60px”，方法是将css添加到正文“最小高度：500vh”；或将60px更改为1px