引導中的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尋找該功能 。