导航菜单在Codepen外部滚动时不会缩小

Question

页眉在滚动时不会缩小。

试图在js和CSS中找到错误，但似乎找不到问题。

$(window).scroll(function(){
    if ($(window).scrollTop()) {
        $('header').addClass('black');
    }
    else {
        $('header').removeClass('black');
    }
})
$(document).ready(function(){

    $(".menu h4").click(function(){
        $("nav ul").toggleClass("active")
    })
})

可在Codepen上使用，但是当使用代码创建html文件并将html文件链接到单独文件中的css和js文件时，导航不会滚动滚动。

Answer 1

您的JavaScript代码使用的是jQuery，Codepen自动将其导入。为了在其他地方具有相同的功能，您需要自己import jQuery。