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

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

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

最佳答案

添加此样式并尝试

.lightGallery {
  overflow: visible !important;
}




#lightGallery-outer{
   top:-50px
}

关于javascript - 灯箱叠加层在Chrome或Edge中不会向下滚动,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/38918086/

10-09 15:20
查看更多