jquery - 在向上滚动时添加类时遇到 jQuery 问题

Question

如果你在下面看，我在偏移量 -185 处添加了几个类，当你向下滚动时，两个是动画/淡入的。当您向上滚动超过偏移量时，我希望栏淡出，但我无法实现这一点。我正在使用 jQuery 航点脚本http://imakewebthings.com/jquery-waypoints/

$('#wrapper').waypoint(function(event, direction) {
    $('#scroll-action').toggleClass('hidden', direction === "up");
}, {
    offset: -185
}).find('#scroll-action').waypoint(function(event, direction) {
    $('#scroll-action').removeClass('hidden');
    $(this).parent().toggleClass('sticky', direction === "down");
    $('#scroll-action').addClass('animated fadeIn');
    event.stopPropagation();
}, {
    offset: -185
});

Answer 1

我认为您应该将其简化一点，这样可以更轻松地解决您的问题。您将需要用您的逻辑进行交换，但将其简化为仅使用航点与#wrapper我认为是要走的路。当您向下滚动并#wrapper在窗口上方 185 像素时，然后淡入#scroll-action. 当你向上滚动然后淡出。我认为将航点也打开#scroll-action可能会导致两者发生冲突。

$(function() {
  $('#wrapper').waypoint(function(event, direction) {
    if(direction === "up") {
      $('#scroll-action').fadeOut();
    } else {
      $('#scroll-action').fadeIn();
    }
  }, { offset: -185});
});

这是一个与您正在做的事情类似的 jsFiddle，因此您可以看到它的实际效果。 确保你的 HTML 窗口有点小。