如何在此示例中製作HTML5滾動頁面？

Question

我感興趣的是HTML5頁面與頁面滾動像這樣的：http://www.apple.com/iphone-5s/

我將不勝感激，是有人能夠指出這個滾動是如何製造和/或涉及哪些框架或可以達到相同的結果。

Answer 1

這很容易。

綁定鼠標滾動，並創建幻燈片。

<div class="b-slider"> 
    <div class="b-sider__item"> 
     Item 1 
    </div> 
    <div class="b-sider__item"> 
     Item 2 
    </div> 
    <div class="b-sider__item"> 
     Item 3 
    </div> 
    <div class="b-sider__item"> 
     Item 4 
    </div> 
    <div class="b-sider__item"> 
     Item 5 
    </div> 
</div> 

而且使用的jCarousel滑塊插件與垂直滾動選項

$('.b-slider').jcarousel('next');