ユーザーがページを下にスクロールしたときに「常に」表示される固定要素を持つ単一のスクロールページを作成しようとしています。たとえば、道路を背景にした車の画像です。ユーザーがページを下にスクロールすると、車が道路を走っているように見えます。車は道路の上に表示されますが、たとえば特定の要素 (橋) の下に表示される必要があり、これらのいずれかの下に入ると、車のイメージを変更する必要があります。
私がやろうとしていることを友人に説明するために何かを作りました (これは本当にゴミです) 。それはhttp://www.badappledesign.co.uk/academyhunter/で見ることができます複製しようとしているのは www.dangersoffracking.com です。
ウェイポイント jQuery プラグインを使用して、車のイメージを変更しています。これは非常に扱いにくく、多くの作業が必要であり、iPad ではまったく機能しないため、これを正しい方法で行うことはできないと思います。
しかし、私が目指していることを達成するために、親切な魂が私を正しい方向に向けることができるのだろうか.