kenwheeler / slick

the last carousel you'll ever need
kenwheeler.github.io/slick
MIT License
28.38k stars 5.88k forks source link

Smooth Scrolling instead of snapping to images #1665

Closed ljmarkham closed 8 years ago

ljmarkham commented 9 years ago

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.

entryword commented 2 years ago

Anyone knows any update or solutions?

QgAnhDo commented 2 years ago

So no updating?

giretyu commented 1 year ago

since 2015? surely not

Hassanshah12-del commented 1 year ago

loloilloiloil

WEBLAZER commented 1 year ago

+1

LaptrinhvaCuocsong commented 6 months ago

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

Aberratio commented 5 months ago

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
};