My sticky navbar js script не работает

Question

Я не могу заставить клейкий навигатор работать. Он должен придерживаться вершины, как только вы просматриваете заголовок. Я не запускаю правильные классы?

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/