タイトルは次のように書き換えられます: 下部ペースト機能のスクロール効果を実現するには?

Question

ここで見られるものと同様の効果を達成しようとしています

ただし、各セクションのコンテンツもスクロール可能である必要があります。つまり、セクションの最後に到達した場合にのみ修正されます。

たとえば、コンテンツが 200vh の場合、次のようになります:

リーリー リーリー

ご覧のとおり、パート 1 と 2 は上部に固定されており、スクロールして写真を見ることはできません。

しかし、最後の部分は完璧に機能します。

では、この効果を実現するにはどうすればよいでしょうか?理想的には純粋な CSS を使用しますが、JavaScript ソリューションも歓迎します。

Answer 1

解決策を見つけました! JavaScript で 1 行のコードを使用して、top

を設定します。

リーリー リーリー リーリー

ただし、ウィンドウのサイズを変更した場合に機能するかどうかはわかりません
ただし、いつでも onresize を使用してこの状況に対処できます

受け入れられる純粋な CSS ソリューションはまだありますか?