如何做一个HTML5滚动页面，如在这个例子？ [英] How to make a HTML5 scrolling page as in this example?

问题描述

我有兴趣制作如下页面滚动的HTML5页面： http://www.apple .com / iphone-5s /

I am interested in making HTML5 page with page scrolling like this one: http://www.apple.com/iphone-5s/

我会感激的是，有人可以指出这种滚动是如何做的和/或涉及或可以达到什么框架相同的结果。

I would be grateful is someone could point out how this scrolling is made and/or what frameworks are involved or could reach identical result.

使绑定更容易。

推荐答案

鼠标滚动和创建幻灯片。

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

使用jcarousel滑块插件与垂直滚动选项

And use jcarousel slider plugin with vertical scroll options

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

这篇关于如何做一个HTML5滚动页面，如在这个例子？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！