Slick: White space at the end when using `variableWidth`

Created on 18 Dec 2014  路  10Comments  路  Source: kenwheeler/slick

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?

Most helpful comment

Without infinite: true and centerMode: true, how can I limit slick to stop at the outer edge of the last element?

All 10 comments

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.

Was this page helpful?
0 / 5 - 0 ratings