Lightbox Overlay不会在Chrome或Edge中向下滚动

Question

我的wordpress网站有一个问题，它使用Lightbox（WP Lightbox 2）插件及其创建的叠加层。更具体地说，当我点击Firefox中的图像时，叠加显示在滚动的位置，适合浏览器。但是，如果我点击Chrome或Edge中的图片，则叠加层会保留在页面顶部，并且由于某种原因不会向下滚动。 如果它只是css，我将能够解决它，但似乎lightbox类的“顶级”值是通过js以某种方式定义的，我不知道是什么导致了这种差异。现在它在Firefox中是不同的 - 在顶部添加适当数量的“空间”，而在Chrome中它除了常规填充值之外不添加任何内容。所以整个事情都在最重要的位置。 显然，我需要打开一个灯箱覆盖，滚动在页面上，而不是在顶部。

以下是您可以尝试使用该页面的链接，只需向下滚动并点击Chrome中的图片，如果是Firefox，您就会看到我的意思。

http://mnabievart.com/deck-of-card-design/

Answer 1

添加此样式并尝试

.lightGallery {
  overflow: visible !important;
} 

和

#lightGallery-outer{
   top:-50px
}