Smooth Scrolling instead of snapping to images

[ljmarkham]

I love this slider but I am wondering if it's possible to have smooth scrolling where the slider stops wherever you stop scrolling at, rather than it snapping to certain images. I have tried playing around with the 'SlidesToShow' and 'SlidesToScroll' settings but on mobile devices it still seems to skip or cut off images with the snap function based on the format of images in each slider (I have a bunch of sliders with different format/size images). Is there any way to edit the code so it functions similar to this example - http://www.xtcdesign.com/pages/serenity-kitchen.php - where it's just a smooth scroll based on the mouse/touch scroll.
Thank you.

[cseeger]

+1

I'm no longer seeing this behavior after adding center-mode to my init config.

[mindmelting]

+1

[ljmarkham]

Thanks @cseeger but I need my slider to start at the left so center-mode doesn't work for me.

[ljmarkham]

Thank you for a great slider @kenwheeler but just wondering if there is a solution for smooth scrolling rather than the slider snapping to each image? It seems a few people are interested in knowing how to do this. Thank you.

[kenwheeler]

There isn't a way to do this right now, although I could add it.

[cseeger]

It would certainly be a nice feature. 😀

[ljmarkham]

Thanks for your response @kenwheeler. Is it difficult to add? I wasn't sure if there's code that could be added for it. Not well-versed in jquery. Otherwise love the slider.

[kenwheeler]

Well, it's tough. Slick uses duration based animation. So it's like you swipe and it animates in 300ms. Free scroll would be physics based, where you have friction and spring, so you swipe and the velocity decrements and subtracts your left position over time on a requestAnimationFrame loop. Basically, they are different set ups. I plan to switch to the second for slick 2.0. In the meantime, Flickity has a great free scroll feature.

[ljmarkham]

Thanks for the info @kenwheeler. How do I get an update when slick 2.0 comes out?

[kenwheeler]

@ljmarkham I'll ping you

[timothywisdom]

Please "ping" me as well. I love Slick but would like Free Scrolling

[kodie]

+1!

[zslabs]

This would be great!

[dirkbartels14050]

definitely wanted

[jpannone]

Agreed, this would be an awesome feature!

[f1nality]

+1

[kenwheeler]

This is coming in 2.0. The branch is up now if you wanna look. Modernizing everything, and this issue will be possible when I refactor how slide display and movement works.

[visualjazz-sbrunno]

+1

[BrianJLennon]

+1 - just started using slick and LOVE it .... smooth scrolling defo necessary alright. Thanks

[PiotrChr]

Hi, just one quick question. How is the progress with this particular feature or 2.0 release? My team is using your pretty Slick carousel, and we're really hoping for this feature. For now we have to stick to 2 libraries :( (swiper & slick)

[akashnigam010]

In dire need of this feature.

[lopugit]

+1 on this too! Please really need it, if slick had this, my word.

[jncampbell]

Any update on when this will be added?

[jeanjordan]

+1

[EstDiaz]

+1

[melneff]

+1

[imiMike]

+1

[taraskhvyl]

+1

[erenbertr]

+1

[alexburgos]

+1

[johnylaravel]

+3, my two girlfriends want it too! Love your slider, thanks

[marcomansilla]

While looking for a solucion found this [1] (not mine). Maybe useful for someone.

[1] https://jsfiddle.net/esedic/g0vn3bfg/

[jbugel]

Love Slick
would be very happy with this option

+1

[argofgra]

+1 Also looking for this feature. Might have to pick a different slider because of it.

[cigar9]

+1

[nhhau]

+1

[alexandraleigh]

+1

[pucalennetta]

+1
I cannot find any physics based carousel.
Seems like Slick is the most complete, still lacks this functionality.

[trevorwhealy]

+1

[ChristopherMortensen]

+1

[navinweb]

Sorry, 3 years and this is not complete?

[kristiansp]

From what I've heard, Slick is not really actively developed anymore. I've tried using some alternatives, like Flickity and Swiper, but they each have their limitations (as Slick does for this issue). It's a shame, because I really liked it.

[amoralesdesign]

I NEED THIS

[AurelianSpodarec]

I guess we need to abandon Slick and use Flickity or Swiper then.

[kristiansp]

@AurelianSpodarec FWIW, I've been using TinySlider after giving up on Slick, and have been pretty happy with it.

[eiacc]

Snapping unresolved?

[entryword]

Anyone knows any update or solutions?

[QgAnhDo]

So no updating?

[giretyu]

since 2015? surely not

[Hassanshah12-del]

loloilloiloil

[WEBLAZER]

+1

[LaptrinhvaCuocsong]

I think we can fixed it if we set this when scrolling
{
speed: 0.0,
autoplaySpeed: 0.0,
}

[Aberratio]

To get a smooth effect in the slider, the css styles must not contain tranistion and transform effects.

I give an example of settings that will set smooth autoscroll, as long as the slider styles do not contain the above mentioned functions.

{
  arrows: false,
  dots: false,
  infinite: true,
  centerMode: true,
  slidesToShow: 1,
  autoplay: true,
  autoplaySpeed: 5000,
  speed: 5000,
  swipeToSlide: false,
  cssEase: "linear",
  variableWidth: true
};