ウェブサイトに視差効果を実装する方法

Question

ウェブサイトに視差効果と呼ばれるものがあり、自分のウェブサイトにどのように実装できるか知りたいと思っていました。私はeaxamplesをオンラインで探していましたが、何も見つかりませんでした。自分のウェブサイトに視差効果を効果的に与えるチュートリアルはありますか？

Answer 1

これは視差効果と呼ばれ、背景がフォアグラウンドよりも遅い速度でスクロールします。これはテンプレートの例ですhttp://pixelcog.github.io/parallax.js/。

一部のチュートリアルでは、バックグラウンドの位置を固定に設定する方法を示していますが、実際には視差ではありません。

ところで、上記で共有した例はChromeで動作していないため、その実装について質問します。そこには良い例があります。