javascript - Waypoints JS 底部 View ，是否有顶部 View ？

Question

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

http://imakewebthings.com/jquery-waypoints/

https://github.com/imakewebthings/waypoints

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

干杯

可

Answer 1

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

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

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

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

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