ページの.tallコンテンツは、呼び出された固定全画面スクロール可能なポップアップによってオーバーレイされます。ポップアップ コンテナー#fixedPosterには.tall、ウィンドウ サイズよりも幅が広く、高さもある (本体のコンテンツとは異なる) コンテンツが含まれています。オーバーフロー ルールにより、.tallポップアップのコンテンツをスクロールできます。
ポップアップ内には固定要素もあり、.fixSpeckle常に一番上にスライドする一種のサイドバーです。
JSF でわかるように、.fixSpeckleウィンドウの高さが の高さよりも小さい場合、ポップアップのスクロールバーにオーバーラップします.fixSpeckle。それはよくありません。私の意図は、それが起こらないようにすることです。
これらの要件をまとめましょう。
- 呼び出し可能な固定全画面ポップアップがあります。popup が呼び出されると、本体のオーバーフローは非表示になります。
- ポップアップはスクロール可能です。
- ポップアップには巨大なコンテンツが含まれているため、スクロールバーが表示されます。
.fixSpeckleポップアップ内には、ウィンドウ サイズよりも高くなる可能性のある別の固定要素があります。- 別の固定要素
.fixSpeckleがポップアップのスクロールバーに重ならないようにする必要があります。
これらの要件を理論的に満たすことができるかどうか、および組み合わせが可能な場合にそれを行う方法についての両方の提案に感謝します。