滚动它的页面动画就像电影一样

Question

当你在滚动时滚动它的开始动画并且场景正在改变时，我找到了这个页面http://www.wanderworld.io/。如何创造这样的东西？请帮帮我，关于jsffidle或codepen的任何例子？

Answer 1

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

这个库非常适合视差动画，并且可能完成大部分（如果不是全部）示例网站的功能：http://prinzhorn.github.io/skrollr/

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