jQuery Waypoints Navbar In Bootstrap

Question

Я создаю сайт с Bootstrap, и я пытаюсь сделать прозрачность транспаранта, когда он находится за заголовком и достигает основного содержимого, но я просто не могу его получить делать что-либо.

По какой-то причине у меня нет учебников по путевым точкам, поэтому я даже не уверен, что использую его в первую очередь.

Для основного содержания я создал 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.