Как настроить плавный скрол слайдера по типу “назад-вперёд”?

222

31 мая 2018, 16:10

https://jsfiddle.net/hjyern2a/

    var mySwiper = new Swiper ('.swiper-container', { 
        slidesPerView: 3, 
        speed: 1000, 
        autoplay: { 
            delay: 0 
        } 
      });

<link href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.2.6/css/swiper.min.css" rel="stylesheet"/> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.2.6/js/swiper.min.js"></script> 
    <div class="swiper-container"> 
        <div class="swiper-wrapper"> 
            <div class="swiper-slide">Slide 1</div> 
            <div class="swiper-slide">Slide 2</div> 
            <div class="swiper-slide">Slide 3</div> 
            <div class="swiper-slide">Slide 4</div> 
            <div class="swiper-slide">Slide 5</div> 
            <div class="swiper-slide">Slide 6</div> 
        </div> 
        <div class="slider-scrollbar noUi-target noUi-ltr noUi-horizontal"></div> 
    </div>

Сейчас слайдер медленно двигается от первого слайда до последнего. Но когда достигает последнего элемента, он начинает резко скролить в начало. Как настроить так, чтобы при достижении последнего элемента он начинал так же медленно двигаться до первого и т.д. Т.е. как качели - от первого до последнего и обратно, с одинаковой скоростью.