命运之轮与滑块滑动

时间:2018-11-29 22:43:06

标签: javascript swiper

我正在寻找使用滑动滑块滑动命运之轮。

直到它起作用

var swiper;

jQuery(document).ready(function($) {
swiper = new Swiper('.swiper-container', {
    loop: true,
    slidesPerView: 3,
    direction: 'vertical',
    speed: 5,
    freeMode: true,
    freeModeSticky: true,
    centeredSlides: true,
    mousewheel: true,
    waitForTransition: false,
    autoplay: {
        delay: 5,
    },
});
swiper.autoplay.stop();

$('#start').click(function(event) {
    event.preventDefault();

    swiper.autoplay.start();

    $('.swiper-slide').removeClass('winner');
});

$('#stop').click(function(event) {
    event.preventDefault();

    swiper.autoplay.stop();

    $('.swiper-slide.swiper-slide-active').addClass('winner');
});
});

https://codepen.io/charlie404/pen/vQQoQv

但是,我想确保在启动和停止方向盘时有动力。

与鼠标滚动一样!

你知道怎么做吗?

预先感谢您的帮助。

0 个答案:

没有答案