OwlCarousel2 stage padding magnific popup issue

时间:2016-05-20 13:56:56

标签: css3 owl-carousel magnific-popup console.log

我正在使用owlcarousel2插件,当点击某个项目时,我启动了一个magnificpopup实例。

我在转盘上使用了舞台填充,这是一个左右添加填充的选项,以便第一个和最后一个图像部分可见。

在没有图像的情况下工作正常,但是当在旋转木马中使用图像并从最后一个启动弹出窗口然后关闭时,旋转木马会稍微移动并且最后一个项目变得完全可见并且第一个项目被隐藏。

我可以在chrome中重现,即:

没有图片https://jsfiddle.net/o1xu7xnt/6/(工作正常)

带有图片https://jsfiddle.net/o1xu7xnt/7/(弹出关闭内容,点击最后一张图片)

<script>
  console.log('please see my js-fiddles');
<script>

我花了很多时间试图解决这个问题,并且想知道是否有人可以提供帮助?

1 个答案:

答案 0 :(得分:0)

请检查此代码:

.owl-carousel .owl-item * {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

https://jsfiddle.net/zutfq80h/