如何在網站上實現視差效果

Question

我在網站上發現了一種稱爲視差效應的東西，我想知道如何在我的網站上實現它。我在網上尋找eaxamples，但我無法找到任何東西。有沒有一個教程可以用來有效地將視差效果帶入我的網站？

Answer 1

這就是所謂的視差效應，背景以比前景慢的速度滾動。這是一個示例模板http://pixelcog.github.io/parallax.js/。

一些教程演示了將背景位置設置爲固定，但這不是真正的視差。

順便說一句，你上面分享的例子在Chrome中不起作用，所以我會質疑它的實現。那裏有更好的例子。