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。