slickにてスライダーを実装させたのですが、添付写真のように矢印(赤色)が途中で切れて
表示されてしまいます。
スライダーを囲っているdiv要素の横幅を広げても、写真の隙間が空くだけで
矢印は途中で途切れたままです。
私の方で試してみた策はこちらです。
ほかに解決策があれば、ご教示いただきたく宜しくお願いいたします。
【試したこと】
css
1.slick-prev, 2.slick-next 3{ 4 z-index: 100; 5} 6.slick-prev 7{ 8 left: -20px; 9} 10.slick-next 11{ 12 right: -20px; 13}
【slickの記述内容】
html
1<div class="your-class"> 2画像 3画像 4</div>
Jquery
1$(function(){ 2$('.your-class').slick({ 3 accessibility: true, 4 autoplay: true, 5 pauseOnDotsHover: false, 6 arrows: false, 7 infinite: true, 8 slidesToShow: 3, 9 centerMode: true, 10 dots: false, 11 centerPadding: '5%', 12 autoplaySpeed: 0, 13 cssEase: 'linear', 14 speed: 5000, 15 arrows: true, 16 swipe: true 17}); 18});
回答1件
あなたの回答
tips
プレビュー