光滑滑块垂直中心滑块问题

时间:2020-02-15 09:04:12

标签: javascript jquery slick.js

我在项目中光滑滑动条的垂直滑动条中使用居中模式。他们网站上的演示始终在中心幻灯片中处于活动状态,并且总共有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
});

Project Image

1 个答案:

答案 0 :(得分:0)

在该站点上,在中心模式下,它们有6张幻灯片,但一次显示3张幻灯片,并且每次单击滚动1张幻灯片。 因此, * slideToShow * 必须是要显示多少张幻灯片的值,而不是3。

我认为,您可以尝试将 slideToShow:3