Question

我使用waypoints.js处理带有突出显示导航的单页网站。如果视口到达类＆＃34;内容＆＃34;导航点获得类＆＃34;活动＆＃34;。到目前为止，脚本运行正常。我想要实现的是，如果.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%' });

但是，我认为您的偏移选项可以帮助您检查元素是否已离开视口。您需要修改函数以使用Waypoint的Inview快捷方式而不是偏移量。点击此处：http://imakewebthings.com/waypoints/shortcuts/inview/

Waypoints删除了类

1 个答案: