Estoy intentando esto en mi sitio web para que mi encabezado sea fijo pero se oculte mientras me desplazo. En la línea 4, recibo este error Uncaught TypeError: $ is not a function . No sé con qué me estoy metiendo.

 let didScroll; let lastScrollTop = 0; let delta = 5; let navbarHeight = $('header').outerHeight(); window.scroll(function(event){ didScroll = true; }); setInterval(function() { if (didScroll) { hasScrolled(); didScroll = false; } }, 250); function hasScrolled() { let st = this.scrollTop(); if(Math.abs(lastScrollTop - st) <= delta) return; if (st > lastScrollTop && st > navbarHeight){ $('header').classList.remove("nav-down").classList.add("nav-up"); } else { if(st + window.height() < document.height()) { $('header').classList.remove("nav-up").classList.add("nav-down"); } } lastScrollTop = st; }