页面动画滚动它就像电影

Question

我发现这个页面http://www.wanderworld.io/当你滚动它的开始动画滚动和场景正在改变。如何创造出这样的东西？请帮助我，有关于jsffidle或codepen的例子吗？

Answer 1

要指出正确的方向，这称为视差滚动，可以使用CSS完成，但最常用的是Javascript / jQuery。

这个库非常适合视差动画，并且可能完成示例站点所做的大部分(如果不是全部)：http://prinzhorn.github.io/skrollr/。

基本上，我们的想法是拥有一个跟踪window.scroll位置的页面滚动监听器。在特定范围内，元素在屏幕内或向外移动。它背后的概念是相对简单的，但是它可能很难实现，并且可以像您选择的那样复杂。