滚动第一部分时此效果的名称是什么?

时间:2017-08-29 19:45:00

标签: javascript html css parallax

滚动第一部分时此效果的名称是什么? http://www.beargrylls.com/

我认为这有点像视差,但我没有找到类似的东西。

2 个答案:

答案 0 :(得分:3)

从技术上回答你的问题。该效果称为视差滚动。但是Parallax概念的一部分。

来自维基百科:'视差滚动,也称为“非对称滚动”,是计算机图形和网页设计中的一种技术,其中背景图像通过相机移动比前景图像慢,在2D场景中创建深度幻觉,加入沉浸。'

您可能很难通过网络搜索找到确切效果的原因是因为视差不是效果,它是基于背景和前景如何以不同速度移动的深度概念。有很多实现,有些只是向下滚动,有些是实现缩放和动画的页面,就像你链接的那样。

这是一个可能对您非常有用的网站,它包含一些视差效果的示例,所有这些都与CodePen上提供的源代码一起供您进行试验。

https://blog.trackduck.com/2015/06/25/15-captivating-parallax-effects-from-codepen/

答案 1 :(得分:0)

我认为对于幻灯片来说,JS之后只是一个规模触发器。 对于其他人来说,这是一个视差。