내 끈적한 navbar js 스크립트가 작동하지 않습니다.

Question

끈끈한 navbar가 작동하지 않습니다. 헤더 위로 스크롤하면 상단에 붙어 있어야합니다. 올바른 수업을 실행하지 못합니까?

var n=$(".navbar"); 
ns=".navbar-scrolled"; 
head=$('header').height(); 
$(window).scroll(function() { 
     if($(this).scrollTop() > head) { 
      n.addClass(ns); 
     } 
     else { 
      n.removeClass(ns); 

     } 

다음은 새로운 클래스 속성을 추가 .을 필요로하지 않는 JSFiddle

Answer 1

입니다. ns 및 head은 변수이므로 명령문 앞에 var을 추가하거나 쉼표로 구분할 수 있습니다.

여기에 추가로 점을 제거하거나 클래스를 제거 데모를 https://jsfiddle.net/alfrcr/jsuc4kL5/2/