How to make HTML5 scroll page like in this example?

Question

I am interested in making the HTML5 page scroll as follows: http://www.apple.com/iphone-5s/

I would be grateful if someone could indicate how this scrolling is done and / or which frames are involved or can achieve an identical result.

Answer 1

It is easy.

Snap to mouse scroll and create slides.

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

And use the jcarousel slider plugin with vertical scroll options

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