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

Posted 2023-05-08

【中文标题】我的粘性滚动导航在 js 文件中不起作用

【英文标题】：my sticky scrolling navigation not working in the js file

【发布时间】：2021-01-07 06:45:07

【问题描述】：

这里的所有代码都需要滚动函数中的 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');
        
    );
);

【参考方案1】：

我测试了您的代码，它可以正常工作。首先检查是否没有其他库导致的控制台错误。然后通过将 css 添加到 body "min-height: 500vh;" 来检查是否有足够的空间来滚动 "60px"或将 60px 更改为 1px。