我的粘性导航栏js脚本不起作用

Question

I can't get the sticky navbar to work. It is supposed to stick to the top once you scroll over the header. Am I not triggering the right classes?

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

        }

Here's the

Answer 1

You don't need . to add new class attribute. ns and head is a variable, so you should add var before the statement or you can separate it by comma.

Here's working demo https://jsfiddle.net/alfrcr/jsuc4kL5/2/