Skip to content

use asNavFor, centerMode: false and infinite: false function not working as expected #4349

@gutwasserheike

Description

@gutwasserheike

When centerMode: false and infinite: false, the slider-nav displays 6 pictures in view, and there are 9 pictures in total.
Clicking from left to right works fine, but clicking from right to left cannot return to the first slide.

If infinite: true is enabled, it works correctly, but I do not want to use infinite: true.

If centerMode: true and infinite: false, clicking from right to left can return to the first slide, but there is a blank space above the first slide, and the last slide cannot be fully displayed.

$('.slider-for').slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
fade: true,
asNavFor: '.slider-nav',
infinite: false
});

$('.slider-nav').slick({
slidesToShow: 6,
slidesToScroll: 1,
asNavFor: '.slider-for',
dots: true,
centerMode: false,
focusOnSelect: true,
infinite: false
});

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions