Question

我正在使用Waypoints.js，并且在达到某个航点时有一个关于更改导航项样式的问题。当到达航路点后26时，我正在使用此代码在菜单项menu-29中添加一类黑色。它可以工作，但是当您从航点上滚动时，黑色类不会被移除（它会停留）。当航点被滚动时，如何删除黑色类？感谢。

$(document).ready(function() {
$(".post-26").waypoint(function () {
$('#menu-item-29').addClass('black');
});
});

Answer 1

航点功能传递direction参数。用它来确定是否应该添加或删除。

$('.post-26').waypoint(function(direction) {
  if (direction === 'down') {
    $('#menu-item-29').addClass('black');
  }
  else {
    $('#menu-item-29').removeClass('black');
  }
});

或者，因为jQuery的toggleClass采用了第二个布尔参数来指示是添加还是删除，所以你可以这样写：

$('.post-26').waypoint(function(direction) {
  $('#menu-item-29').toggleClass('black', direction === 'down');
});

jQuery Waypoints和更改Nav类

1 个答案: