多层视差背景

Question

我正在寻找这样的视差效果。 但是，我想将其保留为简化的JavaScript / jQuery和HTML，而不是本文中使用的所有花哨的东西/脚本（又名HAML和Coffeescript）。 （看着这里的脚本我感到很愚蠢……原谅我的无知。）

https://medium.com/@PatrykZabielski/how-to-make-multi-layered-parallax-illustration-with-css-javascript-2b56883c3f27

我梳理了互联网，似乎找不到像这样的作品（视差只是页面顶部的插图，而不是整个页面的视差）。

有什么建议么？ 提前致谢。

Answer 1

这已经很晚了，但是我很惊讶没有人回答这个问题。 该示例可能是最清晰的示例之一，如果您导出最终的Codepen，则可以在其中学习原始的html，css和javascript。 或者，有一个很好地解释了javascript方面的内容。 http://www.javascriptkit.com/dhtmltutors/parallaxscrolling/