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

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