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

Question

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

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

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

Answer 1

添加此样式并尝试

.lightGallery {
  overflow: visible !important;
} 

和

#lightGallery-outer{
   top:-50px
}