1

私はデモを使用しました https://owlcarousel2.github.io/OwlCarousel2/demos/mousewheel.html は、そのサンプルで逆スクロールを行うため、以下のコードのみを変更しました。

if (e.deltaY>0) {
owl.trigger('prev.owl');
} else {
owl.trigger('next.owl');
}

しかし、それは非常に速い速度でスクロールします。ステージごとに 6 つのアイテムを使用する場合は問題ありませんが、私のようにステージごとに 2 つまたは 1 つのアイテムを使用する場合は、アイテム番号 3 または 4 ではなく、番号 10 ～ 11 までスクロールします。

スクロール速度を遅くする方法を教えてください。1 回のスクロールで 2 ～ 3 個のアイテムをスクロールするには？

Safari、Mac OSX Sierra を使用しています

完全な JS コード:

var owl = jQuery('.owl-carousel');
owl.owlCarousel({
loop:false,
// stagePadding: 100,
slideBy:1,
nav:true,
margin:0,
responsiveClass:true,
responsive:{
0:{items:1},
600:{items:2,slideBy:2},
1024:{items:2,slideBy:2},
1366:{items:3,slideBy:3},
1920:{items:4,slideBy:4}
}
});

jQuery(".owl-prev").html('');
jQuery(".owl-next").html('');

owl.on('mousewheel', '.owl-stage', function (e) {
if (e.deltaY>0) {
owl.trigger('prev.owl.carousel', [1000]);
} else {
owl.trigger('next.owl.carousel', [1000]);
}
e.preventDefault();
});
4

1 に答える 1

0

たとえば、 prev.owl.carousel を配置する必要があると思います。

    owl.on('mousewheel', '.owl-stage', function (e) {
     if (e.deltaY>0) {
      owl.trigger('prev.owl.carousel', [5000]);
     } else {
      owl.trigger('next.owl.carousel', [5000]);
    }

e.preventDefault(); });

于 2016-11-28T15:14:12.817 に答える