油滑，兩側隱藏物品

Question

我希望兩側的滑塊不可見。中間只有2個項目，然後是1個移動項目。

這裏有一個圖：http://nsa37.casimages.com/img/2017/07/17/170717011620615002.jpg和我codepen：https://codepen.io/anon/pen/owOJpa

紅色的幻燈片必須是不可見的。

最簡單的解決方案是將2個引用歸入單個項目，但問題將出現在移動設備上。手機上也會有2個項目，我不想要。

$('.customers-review__list').slick({ 
arrows: false, 
dots: true, 
    mobileFirst: true, 
    responsive: [ 
    { 
    breakpoint: 1, 
    settings: { 
     slidesToShow: 1, 
     slidesToScroll: 1, 
    } 
    }, 

    { 
    breakpoint: 768, 
    settings: { 
    slidesToShow: 2, 
    slidesToScroll: 2, 
    } 
    }, 
] 
}); 

你有什麼想法如何到達那裏？謝謝。

Answer 1

如果可能的話，在.customers-review__item上刪除max-width財產。這應該完成你的工作。