使用Skrollr进行窗帘滚动效果

Question

我想用skrollr创建一个简单的窗帘效果。我认为z-index可能是一个好方法？ slide1应该是固定的，slide2应该从底部滑到顶部或者滑动1，依此类推......

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

http://jsfiddle.net/a9LF3/

Answer 1

您只需添加数据-1000 =＆＃34;宽度：100％;＆＃34;数据-2000 =＆＃34;宽度：0％;＆＃34;

<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>