react-slick icon indicating copy to clipboard operation
react-slick copied to clipboard

Forcing slide animation when scrolling up and down on mobile

Open AhmadHassanDev opened this issue 1 year ago • 1 comments

var settings = {
    accessibility: false,
    dots: false,
    arrows: false,
    infinite: true,
    slidesToShow: 3,
    slidesToScroll: 1,
    autoplay: true,
    pauseOnHover: false,
    pauseOnFocus: false,
    swipe: false,
    speed: 5000,
    draggable: false,
    autoplaySpeed: 0,
    cssEase: "linear",
    initialSlide: 2,
    touchMove: false,
    responsive: responsiveSettings,
};

These are the settings i am using for the carousel, what happens is when i scroll up and down, the slide is forcibly animated, i have been going at this for over 2 days now, and came to no solution. 

Any body had any luck with this?

https://github.com/akiran/react-slick/assets/37823349/124123fe-4318-4d80-bc73-9ba5debec1a8

AhmadHassanDev avatar Apr 09 '24 15:04 AhmadHassanDev

This seems to happen because scrolling in mobile trigger the windowResize event.

Seems to happen every time on chrome from my tests, didn't try other browsers. Would a fix here be possible?

cc: @akiran

IcaroG avatar Aug 26 '24 22:08 IcaroG