When using variableWidth, white space is shown to the right side at the end of slick-track, between slick-list and slick-track.
The width of slick-track is correctly calculated, but it seems that it can be scrolled to far to the left.
Example: http://jsfiddle.net/qbtcw1yL/
Is there any way to change this?
Infinite:true makes it work nicely. With it set to false, it adds the space.
$('.variable-width').slick({
dots: true,
infinite: true,
speed: 300,
slidesToShow: 1,
centerMode: true,
variableWidth: true
});
Yeah there really isn't a good way to get around that. It is in centerMode so the active slide is centered.
Without infinite: true and centerMode: true, how can I limit slick to stop at the outer edge of the last element?
Same problem here.
I made an experimental feature that helps in this situation. See #2635. Hope it helps.
i use slick js tab when first tab con tent have more data, than go another tab content there is no data then unwanted scroll on second tab content how we fix it
same problem here. Any possible solutions ?
Hey @kenwheeler
I have the same problem with white space when I using infinite: !1; with variableWidth: !0; Too much white spacing is coming on the last slider
Also, I need to disable the arrows next and prev
Did anyone solve this problem?
No one has solved these issues.
Most helpful comment
Without
infinite: trueandcenterMode: true, how can I limit slick to stop at the outer edge of the last element?