ページの視差、通常のスクロール、残りの部分

Question

私はいくつかのセクションからなるページを持っています。それらのすべては（最後のものを除いて）、視差スクロールと最後のものは、内容に基づいて動的な高さを持って、画面の全体の高さを取る必要があります。コンテンツは画面の数倍の高さであり、正常にスクロールする必要があります。

Here's codepen https://codepen.io/eagor/pen/MozVjo I've edited a bit to show what I need to achieve.最初の3つのセクションは、必要と同じように動作します。追加する唯一のもの - 最後のセクションの通常のスクロール。

Answer 1

あなたは今、あなたはあなたに透明な背景を再定義する必要が

.background:nth-child(4) { 
    height: 100%; 
    overflow-y: scroll; 
    ... 
} 

のようなもののために行くことができます。