ここで見られるものと同様の効果を達成しようとしています
ただし、各セクションのコンテンツもスクロール可能である必要があります。つまり、セクションの最後に到達した場合にのみ修正されます。
たとえば、コンテンツが 200vh の場合、次のようになります:
ご覧のとおり、パート 1 と 2 は上部に固定されており、スクロールして写真を見ることはできません。
しかし、最後の部分は完璧に機能します。
では、この効果を実現するにはどうすればよいでしょうか?理想的には純粋な CSS を使用しますが、JavaScript ソリューションも歓迎します。
P粉1419251812023-09-10 18:28:14
解決策を見つけました! JavaScript で 1 行のコードを使用して、top
ただし、ウィンドウのサイズを変更した場合に機能するかどうかはわかりません
ただし、いつでも onresize を使用してこの状況に対処できます
受け入れられる純粋な CSS ソリューションはまだありますか?