制作滚动网站的好方法

Question

我想知道制作“滚动网站”的最佳方法是什么，这种图形网站会在用户滚动时做出反应。

像

http://www.evanshalshaw.com/bondcars/
或
http://www.angelamorelli.com/water/

是jQuery吗？ HTML5？

在虚拟$(document).scroll()函数中它是一个巨大的算法吗？

Answer 1

有一些JQuery插件可以帮助你创建一个“滚动网站”：

• http://johnpolacek.github.com/superscrollorama/
• http://areaaperta.com/nicescroll/（这个是您提供的第二个网站使用的）

并查看您提供的网站的JavaScript代码，了解他们是如何做到的。

Answer 2

我还使用了滚轮插件http://brandonaaron.net/code/mousewheel/docs。 通过这种方式，我能够制作具有绝对定位元素的卷轴（hor和垂直）。另外一个很好的补充是Tweenmax https://www.greensock.com/tweenmax/。帮助在滚动输入上制作动画。 希望它有所帮助。