如何修复猫头鹰carouse ipad bug

时间:2015-09-03 09:11:25

标签: ios ipad css-transforms owl-carousel

我认为问题是转换属性。 Caniuse说IOS上的safari有部分支持,只有供应商前缀-webkit-,但是在ows脚本中我看到了添加供应商前缀的代码,所以我无法解决这个轮播的问题。

初始化插件代码:

$(".owl-carousel-beer").owlCarousel({
        items: 2,
        nav: true,
        center: true,
        loop: true,
        dots: false,
        mouseDrag: true,
        stagePadding: 50,
        responsiveClass:true,
        responsive:{
            0:{
                items:1,
                stagePadding: 0,
            },
            480:{
                items:1,
                stagePadding: 0,
            },
            768:{
                items:2,
            },
            1024:{
                items:2,
            },
            1380:{
                items:3,
            },
            1580:{
                items:4,
            }
        }
    });

on ipad owl carousel看起来像这样。

http://i.stack.imgur.com/Q6yET.jpg

在Android上它看起来像这个完美的旋转木马

http://i.stack.imgur.com/gvwdF.png

1 个答案:

答案 0 :(得分:0)

通过将初始化代码放入html页面的脚本中来修复错误。