javascript - skrollr:当滚动位置在最后一个关键帧之后时传递一个函数

Question

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

当您滚动前 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 变量，但它可以防止它在发生这种情况时运行多次。您也可以通过不重置该变量使其只发生一次。

FIDDLE

我可能还应该提一下，您需要确保无论您在那里做什么都应该运行得非常快，否则您就有可能放慢一切的流畅度。您也许可以通过使用 setTimeout 来解决这个问题，但我还没有对此进行任何测试。