引导中的jQuery Waypoints导航栏

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');

？

另外，我敢打赌，您正在从Waypoint寻找该功能 。