如何使用导航在 OwlCarousel2 上滚动每页？

Question

在以前的版本中，我可以使用 scrollPerPage: true 来滑动整个页面而不是每个项目。但是，当我在 OwlCarousel2 上尝试时，它似乎不起作用。如何让 scrollperpage 在 OwlCarousel2 上工作？

Answer 1

Owl Carousel 版本 2 有两个参数，可以帮助您。您必须将 slideBy 设置为等于参数 items。例如：

jQuery('#carousel').owlCarousel({
 ...
 slideBy: 5,
 items: 5,
 responsive:{
    0:{
        slideBy: 1,
        items: 1
    },
    600:{
        slideBy: 3,
        items: 3
    },
    1000:{
        slideBy: 5,
        items: 5
    }
}
});

如果响应式设置有其他项目编号，您必须添加 slideBy 也必须等于 items

如何使用导航在 OwlCarousel2 上滚动每页？

How to scroll per page on OwlCarousel2 using navigation?

jquery

owl-carousel