Jquery 滑动滑块滚动条

我用滑头来显示5块信息。我把它建在大屏幕上，滑块实际上不会滑动。相反，它只是像浮动div一样显示块。我想在少于768次拾取的移动设备上做的是显示一些块，如果用户愿意，可以让用户浏览所有块。我遇到的问题是，在移动设备上，我将slidesToScroll写为1，但它似乎忽略了我写的断点：

    $(".xb-reg").slick({
 dots: false,
 infinite: false,
 slidesToScroll: 2,
 variableWidth: true,
 autoplay: false,
 autoplaySpeed: 2000,
      responsive: [
           {
                breakpoint: 768,
                settings: {
                     slidesToScroll: 1
                }
           }
      ]
});

这是我的html：

<div class="slider-container">
  <div class="xb-reg slider">
    <div class="tkr">
      Info Block 1
    </div>
    <div class="tkr">
      Info Block 2
    </div>
    <div class="tkr">
      Info Block 3
    </div>
    <div class="tkr">
      Info Block 4
    </div>
    <div class="tkr">
      Info Block 5
    </div>
  </div>

信息块1
信息块2
信息块3
信息块4
信息块5

只需删除可变宽度True
实践
信息块1
信息块2
信息块3
信息块4
信息块5
美元（“.xb注册”）.光滑({
点：错，
幻灯片滚动：2，
幻灯片放映：3，
自动播放：错误，
自动播放速度：2000，
响应：[{
断点：768，
设置：{
幻灯片滚动：1，
幻灯片放映：1，
}
}]
});

只需删除可变宽度True
实践
信息块1
信息块2
信息块3
信息块4
信息块5
美元（“.xb注册”）.光滑({
点：错，
幻灯片滚动：2，
幻灯片放映：3，
自动播放：错误，
自动播放速度：2000，
响应：[{
断点：768，
设置：{
幻灯片滚动：1，
幻灯片放映：1，
}
}]
});

多亏了Manish，我才能够对代码和css进行一些调整，以获得所需的解决方案

$(".xb-reg").slick({
     dots: false,
     infinite: false,
     arrows: false,
     variableWidth: true,
     slidesToShow: 3,
     autoplay: false,
     autoplaySpeed: 2000,
          responsive: [
               {
               breakpoint: 9999,
               settings: "unslick"
               },
               {
                    breakpoint: 768,
                    settings: {
                         slidesToShow: 2,
                    }
               }
          ]
});

---

多亏了Manish，我能够对代码和css进行一些调整，以获得所需的解决方案

$(".xb-reg").slick({
     dots: false,
     infinite: false,
     arrows: false,
     variableWidth: true,
     slidesToShow: 3,
     autoplay: false,
     autoplaySpeed: 2000,
          responsive: [
               {
               breakpoint: 9999,
               settings: "unslick"
               },
               {
                    breakpoint: 768,
                    settings: {
                         slidesToShow: 2,
                    }
               }
          ]
});

---

谢谢你的回复。我已经考虑过删除可变宽度，根据文档，这似乎是解决方案，但在我的情况下，它不适合我。使用您编写的代码，“我的滑块”在iPhone7上仍然一次滚动2次，并将“无限”设置为false，最后一张幻灯片将永远不会显示。我以前使用过可变宽度，所以我可以用css控制幻灯片的宽度。在这一点上，继续这样做对我来说不是一个问题，但我想知道是否有这样一个问题阻碍了这项工作的正常进行。谢谢你的回复。我已经考虑过删除可变宽度，根据文档，这似乎是解决方案，但在我的情况下，它不适合我。使用您编写的代码，“我的滑块”在iPhone7上仍然一次滚动2次，并将“无限”设置为false，最后一张幻灯片将永远不会显示。我以前使用过可变宽度，所以我可以用css控制幻灯片的宽度。在这一点上，继续这样做对我来说不是一个问题，但我想知道是否有这样一个问题阻碍了这项工作的正常进行。