Эффект прокрутки занавеса с помощью Skrollr

#html #css #skrollr

#HTML #css #skrollr

Вопрос:

Я хотел бы создать простой эффект занавеса с помощью skrollr. Я думаю, что z-index может быть хорошим способом? слайд1 должен быть исправлен, а слайд2 должен скользить снизу вверх по слайду1 и так далее …

 <div id="slide1" data-start="z-index:1;"></div>
<div id="slide2" data-start="z-index:2;"></div>
 

http://jsfiddle.net/a9LF3/

Ответ №1:

Вы можете просто добавить данные-1000 =»ширина: 100%;» данные-2000 =»ширина: 0%;»

 <div id="slide1" data-start="z-index:1;" data-0="height:100%;" data-1000="height:0%;"></div>
<div id="slide2" data-start="z-index:2;" data-1000="width:100%;" data-2000="width:0%;"></div>