kenwheeler/slick

Slides Shift Halfway in Vertical

Opened this issue · 1 comments

I'm using a vertical mode to slide through few images, one at a time. But the slider kinda displays them half way, for example the first slide appears shifted down a little bit and the bottom of the other slide is sticking out on top. When they change, they basically go half of the height, so space between the slides appears in the middle instead.
When they autoplay to the last slide, the first slide kinda jumps or pops in place trying to fit into the frame, but still the bottom of the last slide appears on top. Can anyone tell what kinds of sorcery is it?
Here is a code I use to initialize the slider:


	jQuery('.office-slider').slick({
autoplay: true,
  vertical: true,
    slidesToShow: 1,
 infinite: true,
    verticalSwiping: true,
    useTransform: true,
    cssEase: 'cubic-bezier(0.645, 0.045, 0.355, 1.000)',
    adaptiveHeight: true
	});

screensho22t

I just hit this issue too. I believe it's related to images/slides having unequal heights.

Here's a fiddle illustrating the issue:

https://jsfiddle.net/wflaschka/hLw4b9zf/