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

Question

我无法让粘性导航栏正常工作。一旦您滚动标题，它应该粘在顶部。 我没有触发正确的类(class)吗？

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/