jQuery的Waypoints Navbar在引導

Question

我創建一個網站與Bootstrap，我試圖讓導航欄更改透明時，它是通過標題，並達到主要內容，但我似乎無法得到它做任何事。

由於某些原因，Waypoint上沒有很多教程，所以我甚至不確定我是否正確使用它。

對於我創建一個div一類 「測試」

這裏的主要內容是對JS：我使用

var $navbar = $('test'); 

$navbar.waypoint(function() { 
    $navbar.addClass('.js-navbar-animate'); 
}); 

CSS是很簡單：

.navbar{ 
    opacity: 0.5; 
} 

.js-navbar-animate{ 
    opacity: 1; 
} 

Answer 1

首先，尋找你寫的.test元素是正常的：

var $navbar = $('test'); 

相反的：

var $navbar = $('.test'); 

？

此外，我敢打賭你正在尋找that functionality from Waypoint。