我的粘性導航欄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/