使用Owl Carousel将滚动设置为滑块中的仅4个元素?

时间:2015-08-29 12:15:35

标签: javascript carousel owl-carousel

当我点击我的猫头鹰旋转木马滑块的下一个或上一个按钮时,我只想滚动4个元素。

滑块的JS如下:

$(".similarproducts").owlCarousel({
        items :5, //10 items above 1000px browser width
        itemsDesktop : [1000,3], //5 items between 1000px and 901px
        itemsDesktopSmall : [900,3], // betweem 900px and 601px
        itemsTablet: [600,2], //2 items between 600 and 0
        itemsMobile : [480,1] ,
        navigation:true,
        pagination:false,
        scrollPerPage : true,

      });

我使用scrollPerPage: true但是当我点击下一个按钮时它会滑动5个元素,但我只想滑动4个元素。此外,当滑块到达它的终点时,我希望它反弹并且不再移动。

2 个答案:

答案 0 :(得分:0)

只需将商品编号从5更改为4 项目:4 我希望它会被贬低

答案 1 :(得分:0)

添加slideBy:" 4"选项或输入您需要的任何数字,您也可以自定义slidyBy响应选项