灯箱覆盖不会在 Chrome 或 Edge 中向下滚动

Question

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

这是您可以尝试的页面的链接，只需向下滚动并单击 Chrome 中的图像，如果是 Firefox，您就会明白我的意思。

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

Answer 1

添加此样式并尝试

.lightGallery {
  overflow: visible !important;
} 

和

#lightGallery-outer{
   top:-50px
}