例のように画面全体を占めるこれらの画面を作成したいと思います。しかし、背景画像を使用してコンテンツの位置を維持する代わりに、これらの画面内で任意の HTML コンテンツを使用したいと考えています。また、最終的にはこれに似た視差効果を追加したいと考えています。
それでは、分解してみましょう。これらの画面要素でこれらの背景画像を取得しました。背景は固定されているため、スクロールしても同じ位置に留まります。下にスクロールすると、要素が表示されなくなり、別の要素が表示されます。スクロールによってカバーが上にスライドして別の画面が表示されるような効果が得られます。背景画像を使用せずに、この効果のみを維持したいと考えています。したがって、一部のコンテンツを固定したままにして、固定されていない要素をオーバーフローさせたときにコンテンツを非表示にする方法が必要です。しかし、私の知る限り、これを CSS だけで行う方法はありません。間違っていますか?
上で述べたように、コンテンツを正確に固定したままにするのではなく、スクロールするときにわずかに移動させて、わずかな視差効果を与えると面白いでしょう。そのためには、JavaScript を使用する必要があります。しかし、それは私の質問の範囲外ですが、解決策を考え出す際にこれを念頭に置きたいと思います。
事前にすべての助けをありがとう！