下にスクロールするとコンテンツが表示されます。
ベクトル図形（svg）を含む背景部分と、
テキストコンテンツを含むページ部分を交互に配置し、
各々の高さを、画面の高さと同じにしてあります。
背景部分に、スタイルシートの position:sticky を指定し、
画面上部に達したら停止するようにしています。
これによって、背景とコンテンツの視差（パララックス）
効果を生むようにしています。本来なら、コンテンツに続いて、
次の背景がでて来ますが、マイナスマージンを指定して
コンテンツの裏側に隠すようにしています。
ベクトル図形（svg）を含む背景部分と、
テキストコンテンツを含むページ部分を交互に配置し、
各々の高さを、画面の高さと同じにしてあります。
背景部分に、スタイルシートの position:sticky を指定し、
画面上部に達したら停止するようにしています。
これによって、背景とコンテンツの視差（パララックス）
効果を生むようにしています。本来なら、コンテンツに続いて、
次の背景がでて来ますが、マイナスマージンを指定して
コンテンツの裏側に隠すようにしています。
ベクトル図形（svg）を含む背景部分と、
テキストコンテンツを含むページ部分を交互に配置し、
各々の高さを、画面の高さと同じにしてあります。
背景部分に、スタイルシートの position:sticky を指定し、
画面上部に達したら停止するようにしています。
これによって、背景とコンテンツの視差（パララックス）
効果を生むようにしています。本来なら、コンテンツに続いて、
次の背景がでて来ますが、マイナスマージンを指定して
コンテンツの裏側に隠すようにしています。