多層視差背景

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/