ウェブサイトに視差効果を実装しようとしています。しかし、質問があります。ページの特定の部分でこれを行うことはできますか? または、ウェブサイトの一部を強制的に静的にし、他の部分をパララックスにすることはできますか?
ヘッダーとフッターがあり、それらの位置は CSS で「position:fixed;」で定義されています。ですから、それらの間に視差効果を持たせたいと思います。これは、画像の位置などによって問題が発生する可能性があると思います。
私は調査を行い、効果がすべてのページにグローバルであることがわかったことに基づいて、すべてのパララックス Web サイトを作成しました。
ウェブサイトに視差効果を実装しようとしています。しかし、質問があります。ページの特定の部分でこれを行うことはできますか? または、ウェブサイトの一部を強制的に静的にし、他の部分をパララックスにすることはできますか?
はい、できます。
ページの幅が固定されていない場合、いくつかの問題があります - ウィンドウのサイズ変更offset()とheight視差 div の再計算にバインドする必要があります。
また、 と を設定する必要が<img/>ありwidthますheight。
$(document).scrollTop()関連する範囲内にある場合にのみ、より多くのパフォーマンス バインド イベント呼び出しを行います。