我的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/