我在项目中光滑滑动条的垂直滑动条中使用居中模式。他们网站上的演示始终在中心幻灯片中处于活动状态,并且总共有3张幻灯片。但以我为例,我有9张幻灯片,当我应用它们的设置并制作9张幻灯片时,它再次激活第二张幻灯片,但是我需要它激活中心位置,这将是第五张幻灯片。 我附上我的项目屏幕截图和代码
JavaScript代码
$('.slider-for').slick(
{
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
fade: false,
adaptiveHeight: true,
infinite: false,
useTransform: true,
speed: 400,
});
$('.slider-nav').slick(
{
slidesToShow: 9,
slidesToScroll: 1,
asNavFor: '.slider-for',
dots: false,
arrows: false,
centerMode: true,
focusOnSelect: true,
vertical: true
});
答案 0 :(得分:0)
在该站点上,在中心模式下,它们有6张幻灯片,但一次显示3张幻灯片,并且每次单击滚动1张幻灯片。 因此, * slideToShow * 必须是要显示多少张幻灯片的值,而不是3。
我认为,您可以尝试将 slideToShow:3