2017-12-22 20 views
0

スワイプのスライダを使用して複数のスクロールをスワイプします。私はコードが正しいと思うが、なぜ私が望むように7スライドをスクロールしないのか分からない。たぶん私は何かを明らかに見ていないよcenterModeがある場合...Slick - スワイプで正しい数のスクロールをスクロールしません。

HTML

<div class="slideshow-wrapper"> 
    <div class="preloader"></div> 
    <div class="homeslick"> 
    <div><img src="https://via.placeholder.com/150x150"></div> 
    <div><img src="https://via.placeholder.com/150x150"></div> 
    <div><img src="https://via.placeholder.com/150x150"></div> 
    <div><img src="https://via.placeholder.com/150x150"></div> 
    <div><img src="https://via.placeholder.com/150x150"></div> 
    <div><img src="https://via.placeholder.com/150x150"></div> 
    <div><img src="https://via.placeholder.com/150x150"></div> 
    <div><img src="https://via.placeholder.com/150x150"></div> 
    <div><img src="https://via.placeholder.com/150x150"></div> 
    <div><img src="https://via.placeholder.com/150x150"></div> 
    </div> 
</div> 

JS

$(document).ready(function(){ 
    $('.homeslick').slick({ 
    infinite: true, 
    centerMode: true, 
    centerPadding: '60px', 
    slidesToShow: 7, 
    slidesToScroll: 7, 
    autoplay: true, 
    autoplaySpeed: 2000, 
    responsive: [ 
     { 
     breakpoint: 768, 
     settings: { 
      arrows: false, 
      centerMode: true, 
      centerPadding: '40px', 
      slidesToScroll: 7, 
      slidesToShow: 7 
     } 
     }, 
     { 
     breakpoint: 480, 
     settings: { 
      arrows: false, 
      centerMode: true, 
      centerPadding: '40px', 
      slidesToScroll: 3, 
      slidesToShow: 3 
     } 
     } 
    ] 
    }); 
}); 

答えて

0

スリックは、スライドの一定量をスクロールすることはできません。 true。 このプロパティを削除すると、1回のスワイプで複数のスライドをスクロールできます。

関連する問題