Appearing gap after last slide, don't want to scroll

[gt06]

Appearing gap after the last slide, and when we overcome the last slide, suddenly remaining slides appearing

Below is the code for initialization of the main slider and left thumbnail slider. jQuery('.slider-for').slick({ dots: false, infinite: true, slidesToShow: 2, slidesToScroll: 1, asNavFor: '.slider-nav', autoPlay: true }); jQuery('.slider-nav').slick({ asNavFor: '.slider-for', dots: false, focusOnSelect: true, arrows: false, vertical: true, slidesPerRow: 1, placeholders: false });

I have uploaded above gif with the issue.

1. Whenever I click on next arrow and come at last slide, seeing a gap after the last slide. As soon as, I overcoming the last slide, suddenly remaining slides are appearing.
2. Same applied for the previous arrow also.

What is the expected behavior?

1. When I click on next and previous arrows, the gap should not be there.
2. Also, I don't want to scroll left thumbnail slider. It should be fixed.

====================================================================

What is observed behaviour?

1. Remaining slides getting disappear till the last slide, then suddenly display after overcoming last slide.
2. Left thumbnail slider getting scrolled.

====================================================================

More Details

• Which browsers/versions does it happen on? on All browsers
• Which jQuery/Slick version are you using? slick 1.6.0

[leggomuhgreggo]

Can you recreate in a reduced test case on either codepen or jsfiddle?

[gt06]

Hello,

I have created codepen for that.

https://codepen.io/gt06/pen/YxGrWR

You can see that bugs in my codepen. When you click on Prev and Next button, you get the gap in thumbnail slider. Also i do not want to scroll the images which are present in .slider-nav slider.

[lyolkinn]

+1 , the same issue with vertical thumbnails.

[lyolkinn]

Here are the tests https://jsfiddle.net/lyolkinn/ppyprhrc/

[oscarstranger]

+1