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

Question

我希望在jquery waypoint中有2个补偿.目前上下滚动只有一个相同.

我正在使用25%的"向下"偏移,并希望"向上"偏移"75%".因此,当一个块的顶部位于视口顶部的25%并且scolling正在向下时,触发"向下".当一个块的顶部位于视口顶部的75%并且晃动时,就会触发"向上".

任何人都已经为这种滞后写了代码？

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