首页 文章

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

提问于
浏览
0

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

这是您可以尝试使用的页面的链接,只需向下滚动并单击Chrome中的图像,如果Firefox,您将看到我的意思 .

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

1 回答

  • 1

    添加此样式并尝试

    .lightGallery {
      overflow: visible !important;
    }
    

    #lightGallery-outer{
       top:-50px
    }
    

相关问题