默认 Lightbox2 出现在页面顶部，而不是 iPad 上的视口中答案

【问题标题】：Default Lightbox2 appearing at the top of the page instead of in the viewport on iPad默认 Lightbox2 出现在页面顶部，而不是 iPad 上的视口中
【发布时间】：2019-12-09 03:02:27
【问题描述】：

我正在为我的网站使用默认的 Lightbox2。单击图像时，Lightbox 可以完美运行，只是该框（以及变暗的背景）出现在页面顶部，而不是在其滚动位置。这只发生在 iPad 上。我缺少的 lightbox.css 中有什么需要调整的吗？

提前谢谢你！

【问题讨论】：

没有看到你是怎么实现的，我只能猜测你需要使用position: fixed;而不是position: absolute;
完美！谢谢！我对叠加层和灯箱本身都进行了此更改。

标签： css ipad scroll lightbox lightbox2

【解决方案1】：

将此css用于深色背景，使用css给出固定位置也将顶部，左侧，右侧，底部设为0，以便适合屏幕，内部内容将使用溢出自动css滚动

position: fixed;
z-index: 999;
/* padding-top: 100px; */
left: 0;
top: 0;
bottom:0;
right:0;
overflow: auto;

【讨论】：

谢谢两位的回答！我将 position: absolute 更改为 position: fixed 用于叠加层和灯箱本身。