Путевые точки удалить класс

Question

Я использую waypoints.js для обработки сайта с одной страницей с выделенной навигацией. Если область просмотра достигает класса «контент», точка навигации получает класс «активный». Скрипт отлично работает до сих пор. Я хочу достичь, если элемент .content покидает область просмотра, класс .active следует удалить из точки навигации (.content-nav-point).

$('.content').waypoint(function() { 
    $('.content-nav-point').toggleClass('active'); 
}, { offset: '0%' }); 

Answer 1

Я считаю, что это поможет вам. Передача параметра direction позволяет вам работать с вашим режимом прокрутки для добавления/удаления класса.

$('.content').waypoint(function(direction) { if (direction == 'down') { $('.content-nav-point').addClass('active'); } else { $('.content-nav-point').removeClass('active'); } $('.content-nav-point').toggleClass('active'); }, { offset: '0%' });

Однако ваше смещение вариант Я не думаю, что поможет вам для проверки, если элемент оставил окно просмотра. Вам нужно будет изменить свою функцию, чтобы использовать ярлык Inview для путевых точек вместо смещения. См. Больше здесь: http://imakewebthings.com/waypoints/shortcuts/inview/