2016-11-28 4 views
1

Я использовал демо-версию https://owlcarousel2.github.io/OwlCarousel2/demos/mousewheel.html только изменил код ниже, потому что он делает обратную прокрутку в этом образце.Установите скорость прокрутки OwlCarousel2

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

Но он прокручивает его с очень большой скоростью. , если вы используете 6 предметов за этап - это нормально, но если вы используете как я 2 или 1 элемент на этап - он прокручивает меня до цифр 10-11, а не номера позиций 3 или 4.

Как я могу сделать скорость прокрутки медленной? Чтобы прокрутить 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(); 
}); 
+0

, чтобы понять, что я хочу - попробуйте изменить размер окна до наименьшего размера (один слайд на каждый этап) и попробуйте прокрутить карусель совы с колесом мыши https://owlcarousel2.github.io/OwlCarousel2/demos/mousewheel.html вы не можете прокручивать 1 слайд или 2 - он прокручивает 7-11 слайдов одновременно, он не останавливается на слайде 2 или 3. – illuzii

ответ

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(); });

+0

Нет, это не помогает - он не останавливается на цифрах 3- 4 он просто ОЧЕНЬ медленно прокручивается до номера 10-11 :) – illuzii

+0

Существует аналогичный вопрос, но я не js-кодер http://stackoverflow.com/questions/13000111/smooth-horizontal-scroll-bound-to-mousewheel? RQ = 1 – illuzii

Смежные вопросы