javascript - 移除owlCarousel中的一定宽度的stagePadding

有人知道我可以访问owlCarousel中的stagePadding属性，因此如果窗口宽度小于x px时可以将其设置为0。因此，如下所示：

function() {
    $('.owl-carousel').owlCarousel({
        margin: 10,
        loop: true,
        items: 1,
        stagePadding: 200,
        nav: true,
        dots: true,
        dotsData: true,
        navText : ["<span>←</span>","<span>→</span>"],
        dotsContainer: '.owl-dots-container'
    });

    if ( $(window).width() < 1000 ) {
        $('.owl-carousel').stagePadding = 0;
    } else {
        $('.owl-carousel').stagePadding = 200;
    }
});

最佳答案

OwlCarousel为此内置有一个方便的选项。非常简单-只需添加“ response”选项并输入必要断点的宽度（0、1000等）：

    $('.owl-carousel').owlCarousel({
        margin: 10,
        loop: true,
        items: 1,
        nav: true,
        dots: true,
        dotsData: true,
        navText : ["<span>←</span>","<span>→</span>"],
        dotsContainer: '.owl-dots-container',
        responsive: {
            0: {
                stagePadding: 0
            },
            1000: {
                stagePadding: 200
            }
        }
    });

关于javascript - 移除owlCarousel中的一定宽度的stagePadding，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/48058846/