Как сохранить прокрутку scrollr.js за определенное количество времени?

Question

Ситуация: Я использую skrollr.js для домашней страницы, и в этом я использую 3D-преобразования для имитации прокрутки, переведя .panel divs в область просмотра, а не видовое окно, перемещающееся к фиксированным 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> 

Текущее Поведение: Пользователь имеет возможность прокручивать вторую панель вверх над первым сразу после загрузки страницы.

Wanted Behavior: Я бы хотел, чтобы переход на переход второй панели менялся, что позволяет пользователю прокручиваться до тех пор, пока не пройдет определенное количество времени.

Лучше всего, если вы представляете первую панель в виде слайд-шоу, и мы хотим, чтобы пользователь подождал, пока слайд-шоу не закончится, чтобы начать прокрутку.

На данный момент я не собираюсь разбираться в том, как вы решаете эту проблему. Однако вы знаете, как, покажите мне.

Answer 1

Как насчет очень простого тайм-аута?

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