Waypoints JS 底部视图，有顶部视图吗？

【问题标题】：Waypoints JS bottom-in-view, is there a top-in-view?Waypoints JS 底部视图，有顶部视图吗？
【发布时间】：2014-08-30 18:41:53
【问题描述】：

我使用 waypoints js 来检测元素何时在视口中。

是否可以检测元素的顶部何时位于视口底部？

干杯

克

【问题讨论】：

【解决方案1】：

还没有人给出正确的答案，所以这是我的。

如您所知，Waypoint 插件有一个offset 选项。此选项在元素的顶部或底部通过视口的顶部或底部后触发处理函数。

以百分比表示的偏移值表示您希望函数触发的视口高度 - 0% 位于顶部，50% 位于中间，100% 位于底部。

要在元素的顶部立即出现时触发处理函数，您需要使用 100%，如下所示：

$('.sections').waypoint({
    handler: function(direction) {
        // do stuff
    },
    offset: '100%'
});

【讨论】：