如何防止滚动器.js在特定时间内滚动

How do I keep scrollr.js from scrolling for a specific amount of time?

本文关键字：滚动 定时间 js 何防止      更新时间：2023-09-26

>情况：我正在使用skrollr.js作为主页，并且我使用3d转换来模拟滚动，方法是将.paneldivs转换为视口，而不是视口移动到固定的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>

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

想要的行为：我希望延迟第二个面板的过渡翻译，使用户在经过一定时间之前无法滚动。

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

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

非常基本的超时怎么样？

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