视差效果 - 由内容覆盖/堆叠的英雄图像

时间:2017-03-17 10:17:13

标签: jquery html5 css3 parallax

我偶然看到了月光电影的网站:http://moonlight.movie/

在顶部有一个全屏图像,滚动时全屏图像被全屏部分覆盖。

这是一种非常小的视差效果,也适用于移动设备(ios)

有人知道如何实现这种效果吗?

1 个答案:

答案 0 :(得分:0)

我建议您检查pagePiling.jsparallax fullPage.js extension,偏移率为100%。

如果您选择使用pagePiling.js here's an article来解释如何使用它来实现类似的功能。

Reproduction online