waypoints.js 偏移的正确语法

Question

我试图在使用 waypoints.js 滚动并使其与导航一起使用时触发动画。

我可以让它在页面下方工作，但我无法让它重新工作。如果我在路点 div 中的部分顶部放置一些边距，它会上升，但它不会下降。

我在其他帖子上看到了使用偏移功能的解决方案。我只是不知道如何让它与我的代码一起工作。我确定我的偏移量语法错误...这是我的代码：

http://www.waynegoodman.com/waypoint/

我在第二个航点 div 上添加了内联边距。展示它是如何工作的。

我尝试在第三个航路点添加偏移量，但没有成功。我想我使用了错误的语法。

谁能告诉我我做错了什么？

Answer 1

这就是你所追求的吗？

$(*some target*).waypoint(function(direction) {
    if (direction == 'down'){   
        //do something//
    }
    else{
        //do something else//
    }
    }, 
    {offset: function() {
        return -$(this).height();
    }
});

其中某个目标是触发器。底部的偏移功能用于当目标的底部离开屏幕顶部时，可以将其删除，但我将其保留给您一个想法。