【问题标题】:Owl carousel 2 animate not working in chrome latest version (V52)Owl carousel 2 animate 在 chrome 最新版本 (V52) 中不起作用
【发布时间】:2017-01-03 01:43:00
【问题描述】:

我正在使用带有 animate.css 的 owl carousel 版本 2.0.0 来实现淡入和淡出效果,但它不适用于 chrome 最新版本 52.0.2743.116

下面是我用于淡化项目的脚本。

$('.owl-carousel').owlCarousel({    
    //loop:true,
    margin:10,
    nav:true,
    items:1,    
    animateIn: 'fadeIn',
    animateOut: 'fadeOut',
    mouseDrag: false,
   touchDrag: false,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:1
        },
        1000:{
            items:1
        }
    }
})

任何帮助将不胜感激。

【问题讨论】:

    标签: jquery wordpress google-chrome slider owl-carousel


    【解决方案1】:

    为此,您需要在 css 下方添加。

    .owl-carousel .owl-wrapper-outer{
           overflow: hidden;
           position: relative;
           width: 100%;
           z-index: 1;  // added this
    }
    .owl-item { 
         transform: translateZ(0);
         -webkit-transform: translateZ(0); 
         -ms-transform: translateZ(0);
     }
    

    它对我有用。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2016-02-01
      • 1970-01-01
      • 1970-01-01
      • 2016-10-01
      • 2016-02-14
      • 2019-09-25
      • 2023-04-07
      相关资源
      最近更新 更多