如何让scrollr.js滚动一段特定的时间?

时间:2014-11-14 16:38:37

标签: javascript jquery html css3 skrollr

情况:我使用skrollr.js作为主页,并且我使用3d转换来模拟滚动,方法是将.panel div转换为视口而不是视口移动到固定视频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>

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

通缉行为:我希望延迟第二个小组的转换翻译,让用户无法滚动直到经过一段时间

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

此时我不会挑剔你如何解决这个问题。无论如何,请告诉我。

1 个答案:

答案 0 :(得分:2)

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

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