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
});