固定元素重叠弹出的滚动条

时间:2013-06-10 21:53:11

标签: html css

http://jsfiddle.net/xb4NK/1/

页面的.tall内容由调用的固定全屏滚动弹出窗口覆盖。 弹出容器#fixedPoster中有一些.tall内容(与正文内容不同),它比窗口大小更宽,也更高。通过溢出规则,可以滚动.tall弹出窗口内容。

弹出窗口内还有一个固定的.fixSpeckle元素,可以随意滑动排序。

正如您在JSF中看到的那样,当窗口高度小于.fixSpeckle的高度时,.fixSpeckle会重叠弹出窗口的滚动条。这不好,我的意图是防止这种情况发生。

让我们总结这些要求:

  • 有一个可调用的固定全屏弹出窗口。调用弹出窗口时 身体的溢出是隐藏的。
  • 弹出窗口可滚动。
  • Popup中有一些巨大的内容,因此会出现滚动条。
  • 还有一个固定的 弹出窗口内的元素.fixSpeckle可能高于窗口大小。
  • 另一个固定元素.fixSpeckle最好不要与滚动条重叠 弹出窗口。

如果能够在理论上实现这些要求以及如果可以实现这些要求,我将不胜感激。

0 个答案:

没有答案