多層視差背景

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/