Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/365.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Slick.js carousel-swipeToSlide仅允许滚动2张或更多幻灯片_Javascript_Jquery_Carousel_Slick.js - Fatal编程技术网

Javascript Slick.js carousel-swipeToSlide仅允许滚动2张或更多幻灯片

Javascript Slick.js carousel-swipeToSlide仅允许滚动2张或更多幻灯片,javascript,jquery,carousel,slick.js,Javascript,Jquery,Carousel,Slick.js,我试图使用Slick.js()实现一个简单的旋转木马,但由于某些原因,我无法让它只拖动一张幻灯片 如果我尝试拖动多张幻灯片,该功能将完美运行。它只是拖拽一张看起来不起作用的幻灯片……总是会弹回来 我所做的就是创建一个旋转木马,将swipeToSlide设置为true HTML $(文档).ready(函数(){ $('.customizer carousel')。光滑({ 幻灯片放映:7, 幻灯片滚动:1, swipeToSlide:真的吗 }); }); 。自定义旋转木马{ 宽度:100vw

我试图使用Slick.js()实现一个简单的旋转木马,但由于某些原因,我无法让它只拖动一张幻灯片

如果我尝试拖动多张幻灯片,该功能将完美运行。它只是拖拽一张看起来不起作用的幻灯片……总是会弹回来

我所做的就是创建一个旋转木马,将swipeToSlide设置为true

HTML

$(文档).ready(函数(){
$('.customizer carousel')。光滑({
幻灯片放映:7,
幻灯片滚动:1,
swipeToSlide:真的吗
});
});
。自定义旋转木马{
宽度:100vw;
}
.定制转盘.光滑滑梯{
边框:1px实心#达达;
文本对齐:居中;
填充:50px0;
}

选择1
选择2
选择3
选择4
备选案文5
备选案文6
备选案文7
备选案文8
备选案文9
选择10

幻灯片放映:7
似乎是你的问题。尝试使用较小的值,例如
slidesToShow:3
。 请参见下面的示例: