Question

我有一个滑块

<div class="my-projects-slider" id="js-my-projects-slider">
<div class="my-projects-slider__item"><img src="assets/i/projects/2.jpg" alt=""></div>
<div class="my-projects-slider__item"><img src="assets/i/projects/3.jpg" alt=""></div>
<div class="my-projects-slider__item"><img src="assets/i/projects/4.jpg" alt=""></div>
<div class="my-projects-slider__item"><img src="assets/i/projects/5.jpg" alt=""></div>
<div class="my-projects-slider__item"><img src="assets/i/projects/6.jpg" alt=""></div>
<div class="my-projects-slider__item"><img src="assets/i/projects/7.jpg" alt=""></div>
<div class="my-projects-slider__item"><img src="assets/i/projects/8.jpg" alt=""></div>
<div class="my-projects-slider__item"><img src="assets/i/projects/9.jpg" alt=""></div>
<div class="my-projects-slider__item"><img src="assets/i/projects/2.jpg" alt=""></div>
<div class="my-projects-slider__item"><img src="assets/i/projects/3.jpg" alt=""></div>
<div class="my-projects-slider__item"><img src="assets/i/projects/4.jpg" alt=""></div>
<div class="my-projects-slider__item"><img src="assets/i/projects/5.jpg" alt=""></div>
<div class="my-projects-slider__item"><img src="assets/i/projects/6.jpg" alt=""></div>

和js代码

$('#js-my-projects-slider').slick({
dots: false,
slidesToShow: 8,
slidesToScroll: 2,
arrows: true,
responsive: [{
    breakpoint: 1600,
    settings: {
      slidesToShow: 7
    }
  },
  {
    breakpoint: 1400,
    settings: {
      slidesToShow: 6
    }
  },
  {
    breakpoint: 1200,
    settings: {
      slidesToShow: 5
    }
  },
  {
    breakpoint: 1000,
    settings: {
      slidesToShow: 4
    }
  },
  {
    breakpoint: 700,
    settings: {
      slidesToShow: 3
    }
  },
  {
    breakpoint: 500,
    settings: {
      slidesToShow: 3,
      arrows: false
    }
  }
]

}）;

我的意思是当我单击箭头时仅滚动2张幻灯片。但是，当我第一次按下时，向前滑动2张幻灯片，第二次-向前滑动2张，而当我单击3次时，向后滑动一些幻灯片。

原因是什么？

这是网站[在此处输入链接描述]我的网站1 俄罗斯地图下的滑块

感谢

Answer 1

我了解发生了什么事。

我有13张幻灯片，并按2滚动。这是原因。我将幻灯片更改为14，就可以了。

为什么滑滑的滑块向前和向后滑动？

1 个答案: