jquery - jquery waypoint "up"事件的不同偏移量

Question

我希望在 jquery waypoint 中有 2 个偏移量。目前只有一个，相同的，用于向上和向下滚动。

我使用的是 25% 的“向下”偏移，并且想要“75%”的“向上”偏移。因此，当 block 的顶部位于视口(viewport)顶部的 25% 并且滚动向下时，'向下'被触发。当 block 的顶部位于视口(viewport)顶部的 75% 并且滚动向上时，会触发“向上”。

任何人都已经为此编写了代码 hysteresis ？

Answer 1

您可以通过创建两个航路点来做到这一点，每个航路点具有不同的偏移量，每个航路点仅响应一个方向:

$('.thing').waypoint(function(direction) {
  if (direction === 'down') {
    // Do stuff
  }
}, {
  offset: '25%'
}).waypoint(function(direction) {
  if (direction === 'up') {
    // Do stuff
  }
}, {
  offset: '75%'
});

更新:如果您使用的是 Waypoints 3.0 的 jQuery 版本，则上述代码将不起作用，因为 waypoint 不再链接 jQuery 对象。相反，它返回创建的 Waypoint 实例的数组。如果您不想保留该数组引用，代码将如下所示:

var $things = $('.thing');

$things.waypoint(function(direction) {
  if (direction === 'down') {
    // Do stuff
  }
}, {
  offset: '25%'
});

$things.waypoint(function(direction) {
  if (direction === 'up') {
    // Do stuff
  }
}, {
  offset: '75%'
});