javascript - 如何防止 scrollr.js 在特定时间内滚动？

Question

情况:我正在使用 skrollr.js 作为主页，并且我正在使用 3d 转换来模拟滚动，方法是将 .panel div 转换为视口(viewport)，而不是将视口(viewport)移动到固定的 div。我也没有使用辅助类来启用滚动。

JSFiddle:http://jsfiddle.net/5c9tgj4y/13/

<div id="panel-2" class="panel" data-0="transform:translate3d(0%,100%,0)" data-200p="transform:translate3d(0%,0%,0)"></div>

当前行为:用户可以在页面加载后直接将第二个面板向上滚动到第一个面板上。

需要的行为:我希望延迟第二个面板的转换转换，使用户在经过一定时间之前无法滚动。

最好将第一个面板想象成幻灯片，我们希望用户等到幻灯片结束后才开始滚动。

在这一点上，我不会挑剔你如何解决这个问题。不管你知道怎么做，告诉我。

Answer 1

一个非常基本的超时怎么样？

window.setTimeout(function() {
    var s = skrollr.init();
}, 2000); /* Wait 2000 ms before initializing the skrollr plugin */