私は、このパララックス スクロールがどのように機能するかを理解しようとしています。大規模な単なる微妙な要素はなく、dave gamache の Web サイトをバラバラにして、実際に見てみるために遊んでいます。
ただし、ウィンドウがスクロールされると、内側のタイトルの不透明度が失われるようには見えません。また、背景画像をまったくスクロールさせません。
私は何を扱っているかを示すためにフィドルを作成しました.windowScroll変数と関係があると思います.
私は、このパララックス スクロールがどのように機能するかを理解しようとしています。大規模な単なる微妙な要素はなく、dave gamache の Web サイトをバラバラにして、実際に見てみるために遊んでいます。
ただし、ウィンドウがスクロールされると、内側のタイトルの不透明度が失われるようには見えません。また、背景画像をまったくスクロールさせません。
私は何を扱っているかを示すためにフィドルを作成しました.windowScroll変数と関係があると思います.
スクロール イベントを処理し、パララックス効果を実装するために記述したコードをイベント ハンドラー内に配置する必要があります。
の位置を変更するのはコードであり$artHeaderInner
、イベントが$artHeader
発生したときに 1 回だけ実行されます。ready
必要な効果を得るには、スクロール位置が変わるたびにそのコードを実行する必要があります。
これはあなたを始めるかもしれません:
Skrollr.js などの JavaScript ライブラリを使用することをお勧めします。
アニメーションとタイミングを完全に制御できます。
開始に役立つ次の 2 つのチュートリアルを確認してください。