かなり複雑なグラデーションのセットである背景があります (画像ではなく CSS で行われます)。ページの中央には固定フレームがあり、コンテンツはこのフレーム内に収まります。このフレームを設定overflow-y: autoしてコンテンツをスクロールできますが、代わりにウィンドウを使用してスクロールできるようにしたいと考えています。
ページは次のようになります。
代わりにスクロールバーをウィンドウに表示したいと思います。コンテンツをフレームの外に出し、必要に応じて余白を追加することはできますが、コンテンツがフレームの外に出てしまうという問題があります。その後、上下を覆うことができますが、背景は画像ではなく、ソリッドではないため、これは困難/不可能です.
その下をスクロールする上部/下部ブロック テキストに透明な要素を配置する方法はありますか? 重複するコンテンツに何らかのスタイルを適用できますか?
JavaScript を必要とする最も高度な単一ブラウザーのみのソリューションでさえ、完全に受け入れられます。