jquery - jQuery Waypoint - 想要反转功能

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);
  }
});