我的粘滯導航欄js腳本不起作用

我無法讓粘滯的導航欄工作。它應該堅持頂部，一旦你滾動標題。我沒有觸發正確的課程嗎？我的粘滯導航欄js腳本不起作用

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

     }

這裏的JSFiddle

來源

2017-02-01 Valentin Dragoi

在添加刪除點或刪除類。 var ns =「navbar-scrolled」; – Nitin

試過之前...沒有結果。 –

你不需要.增加新的類屬性。 ns和head是一個變量，所以您應該在語句前添加var或者您可以用逗號分隔它。

這裏的工作演示 https://jsfiddle.net/alfrcr/jsuc4kL5/2/

來源

2017-02-01 11:44:06

哇....我很愚蠢....非常感謝你的幫助。 –

我的粘滯導航欄js腳本不起作用

回答

相關問題