如何在此示例中制作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');