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

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/