logo标签列表

如何制作一个像这个例子一样的HTML5滚动页面？

javascripthtmlcssweb
4

我想制作一个类似于这个网站的带有页面滚动效果的HTML5页面：http://www.apple.com/iphone-5s/

如果有人能指出这种滚动是如何实现的，或者涉及了哪些框架，或者能够达到相同的效果，我将不胜感激。

3
这是一个名为script.aculo.us的JavaScript库：http://script.aculo.us/。 - emerson.marini
Scriptaculous已经停止更新了。最后一次发布是在2010年12月23日。 - igo
1个回答
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');
1
为了达到类似的效果，他必须处理CSS的“transition”值。 - versvs
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接