如何制作HTML5滚动页面，如本例所示

How to make a HTML5 scrolling page as in this example?

本文关键字：何制作 HTML5 滚动      更新时间：2023-09-26

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

如果有人可以指出这种滚动是如何进行的和/或涉及哪些框架或可以达到相同的结果，我将不胜感激。

这很容易。

绑定到鼠标滚动，并创建幻灯片。

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

并使用带有垂直滚动选项的轮播滑块插件

$('.b-slider').jcarousel('next');
相关文章：