jquery waypoint“up”事件的不同偏移量

我会喜欢在 jquery waypoint中有2个偏移量.
目前只有一个,同样的,用于上下滚动.

我使用25％的“下”偏移量,并希望“上”偏移为“75％”.
所以当一个街区的顶部位于视口顶部的25％处,并且下坡时,
“down”被触发.而当一个区块的顶端位于视口顶部的75％,并且边缘上升时,触发“向上”.

任何人已经写了这个hysteresis的代码？

解决方法

您可以通过创建两个路点来实现,每个点具有不同的偏移量,每个点都只响应一个方向：

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

更新：如果您使用Waypoint 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%'
});