垂直滾動 skrollr

github下載

展示範例

HTML:

<div data-0="width:1px;height:100px;left:10%;background-color:rgb(255,255,0);transform:rotate(0deg);top:0px;" data-300="width:100px;height:200px;left:10%;background-color:rgb(0,0,255);transform:rotate(180deg);top:-200px;">
<h4>Hello</h4>
</div>
<div data-300="width:1px;height:100px;left:10%;background-color:rgb(255,0,0);" data-800="width:100px;height:200px;left:10%;background-color:rgb(0,255,0);">
<h4>World!!</h4>
</div>

Javascript:

skrollr.init();

Hello

World!!