Skrollr：当滚动位置在最后一个关键帧之后时传递一个函数

Question

Skrollr是一个很棒的插件，有很多选项，但是我真的不明白当滚动位置在最后一个关键帧之后时是否有某种方法可以传递函数。 例如，看看这个小提琴 。

当您滚动顶部的100个像素时， scrollable-between类将在scrollable-after更改。 我想以类似的方式传递一个函数（例如：当滚动位置在最后一个关键帧之后进行填充时）。

您将如何实现？

Answer 1

您将要使用render选项。 类似于以下内容：

var box = $('#box'),
    boxDone = false;
skrollr.init({
    forceHeight: false,
    smoothScrolling: false,
    render: function() {
        if ( box.hasClass('skrollable-after') ) {
            if ( ! boxDone ) {
                boxDone = true;
               // do stuff
            }
        } else if ( boxDone ) {
            boxDone = false;
        }
    }
});

您不一定必须具有boxDone变量，但是在发生这种情况时，它可以防止它多次运行。 您也可以通过不重置该变量来使其仅发生一次。

小提琴

我可能还应该提到，您将要确保在那里做的所有事情都应该运行得非常快，否则您就有可能放慢一切移动的速度。 您也许可以使用setTimeout来解决此问题，但是我还没有对此进行任何测试。