情况:我使用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>
当前行为:用户可以在加载页面后直接在第一个上滚动第二个面板。
通缉行为:我希望延迟第二个小组的转换翻译,让用户无法滚动直到经过一段时间。
最好将第一个面板想象为幻灯片放映,我们希望用户等到幻灯片放映结束后开始滚动。
此时我不会挑剔你如何解决这个问题。无论如何,请告诉我。
答案 0 :(得分:2)
一个非常基本的超时怎么样?
window.setTimeout(function() {
var s = skrollr.init();
}, 2000); /* Wait 2000 ms before initializing the skrollr plugin */