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

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

我正在使用25％的“向下”偏移，并希望“向上”偏移“75％”。 因此，当一个块的顶部位于视口顶部的25％并且scolling正在向下时，触发“向下”。 当一个块的顶部位于视口顶部的75％并且scolling正在上升时，触发“up”。

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

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