【问题标题】:Overlay Scroll bar覆盖滚动条
【发布时间】:2013-07-07 11:35:17
【问题描述】:

我有一个 HTML 页面,我使用一些 CSS 和 jQuery 来生成 CSS 样式的叠加灯箱效果。

代码可见here

调整窗口高度以显示右侧滚动条

当灯箱出现时,父页面滚动被禁用。

我遇到的问题是,当浏览器窗口高度调整大小时,叠加层开始消失在浏览器窗口的顶部和底部,无法看到它的内容。

如何更改我的代码,以便当浏览器窗口的高度小于覆盖 div 的高度时,显示滚动条,让您滚动到覆盖 div 的顶部和底部。

但同时保持背景父页面禁用滚动

谢谢

【问题讨论】:

  • 在 Firefox 22.0 上看起来不错...
  • 您可以将以下内容添加到您的叠加 CSS 属性中:overflow:scroll;

标签: jquery html css


【解决方案1】:

解决方案:http://jsfiddle.net/LeZuse/nNdqX/。这只是一个粗略的示例,但足以让您入门。 这个想法是,一旦你想显示你的弹出窗口,你就禁用 body 上的滚动并显示一个包含你想要的弹出内容的覆盖容器。 请注意 CSS 规则 body.overlay 和 body.overlay #overlay 使您能够仅使用 $("body").addClass("overlay"); 显示所有内容

【讨论】:

    猜你喜欢
    • 2017-04-07
    • 2022-08-16
    • 1970-01-01
    • 2014-09-15
    • 1970-01-01
    • 2021-12-22
    • 2021-06-25
    • 1970-01-01
    相关资源
    最近更新 更多