Javascript 我的粘性navbar js脚本没有';行不通

Javascript 我的粘性navbar js脚本没有';行不通,javascript,css,navbar,Javascript,Css,Navbar,我无法让粘糊糊的导航条工作。当你滚动到页眉上时,它应该粘在顶部。 我是否触发了正确的类 var n=$(".navbar"); ns=".navbar-scrolled"; head=$('header').height(); $(window).scroll(function() { if( $(this).scrollTop() > head) { n.addClass(ns); } else {

我无法让粘糊糊的导航条工作。当你滚动到页眉上时,它应该粘在顶部。 我是否触发了正确的类

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

        }

以下是添加新类属性时不需要的
ns
head
是一个变量,因此您应该在语句之前添加
var
,或者可以用逗号分隔

这是工作演示

添加新的类属性不需要
ns
head
是一个变量,因此您应该在语句之前添加
var
,或者可以用逗号分隔

这是工作演示

在添加或删除类中删除点。var ns=“导航栏已滚动”;以前试过。。。无结果。在添加或删除类中删除点。var ns=“导航栏已滚动”;以前试过。。。没有结果。