页面.tall
内容被调用的固定全屏可滚动弹出窗口覆盖。弹出容器中#fixedPoster
有一些.tall
内容(不同于正文的内容),它比窗口大小更宽,也更高。通过溢出规则,.tall
可以滚动弹出的内容。
弹出窗口内还有一个固定.fixSpeckle
元素,可以滑动始终在顶部的侧边栏。
正如您在 JSF 中看到的,.fixSpeckle
当窗口高度小于.fixSpeckle
' 的高度时,它会与弹出窗口的滚动条重叠。这不好,我的目的是防止这种情况发生。
让我们总结一下这些要求:
- 有一个可调用的固定全屏弹出窗口。当调用 popup 时,body 的溢出被隐藏。
- 弹出窗口是可滚动的。
- 弹出窗口中有一些巨大的内容,因此会出现滚动条。
- 弹出窗口中还有另一个固定元素
.fixSpeckle
,它可以高于窗口大小。 - 另一个固定元素
.fixSpeckle
最好不要与弹出窗口的滚动条重叠。
对于这些要求是否可以在理论上得到满足以及如果组合是可能的如何做到这一点,我将不胜感激。