css - 絶対位置要素のスクロールを避ける

Question

メイン コンテンツの幅のすぐ外側に拡張したい絶対配置要素があります。この要素は、メイン コンテンツ領域と重なる半透明の透かしであると想定されています。

問題は、透かしが切れるとページがスクロールすることです。ページに収まらない場合は切り取って、透かしのために拡張しないでください。

デモはこちら: https://tinker.io/661ec/2

Answer 1

オーバーフロー属性は、ページが大きすぎて収まらない場合に何をすべきかをページに指示します。オプション {overflow: hidden;} を表示したい場所 (つまり、div、ページ全体、または画像のみ) に適用すると、ページはスクロールしません。ただし、オーバーフローが発生している間は、オーバーフローの情報が実質的に失われるため、トレードオフになります。