Question

当你到达我网站的div.main-content区域时，我正在使用jQuery Waypoint来调用“返回顶部”按钮：

$('div.page.event div.main-content').waypoint(function() {
    $('button.scrollToTop').fadeIn(200);
});

但我无法弄清楚如何扭转它，以便当你回到header.main-header时按钮消失。我试过这个：

$('div.page.event header.main-header').waypoint(function() {
    $('button.scrollToTop').fadeOut(200);
});

但这不起作用。我确信这太简单了，我只是忽略了这一点。有人可以帮忙吗？

Answer 1

您可以使用传递给航点功能的direction参数。它的值将“向下”或“向上”，具体取决于用户在越过航点时滚动的方向：

$('div.page.event div.main-content').waypoint(function(direction) {
  if (direction === 'down') {
    $('button.scrollToTop').fadeIn(200);
  }
  else {
    $('button.scrollToTop').fadeOut(200);
  }
});

jQuery Waypoint - 想要反转功能

1 个答案: