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

时间:2014-11-07 22:49:07

标签: javascript css animation scroll

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

1 个答案:

答案 0 :(得分:2)

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

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

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