Waypoints JS底视图,是否有顶级视图?

时间:2014-08-30 18:41:54

标签: javascript scroll viewport jquery-waypoints

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

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

https://github.com/imakewebthings/waypoints

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

干杯

1 个答案:

答案 0 :(得分:15)

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

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

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

要在元素顶部立即进入视图时触发处理函数,您需要使用100%,如下所示:

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