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

Question

我无法使用粘性导航栏。一旦您滚动到 header，它应该会停留在顶部。我是不是触发对了类？

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

您不需要 . 添加新的 class 属性。 ns和head是一个变量，所以要在语句前加上var或者用逗号隔开。

这是工作演示 https://jsfiddle.net/alfrcr/jsuc4kL5/2/

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

My sticky navbar js script doesn't work

javascript

css

navbar