search

akiran / react-slick

React carousel component
http://react-slick.neostack.com/
MIT License
11.62k stars 2.09k forks source link

Forcing slide animation when scrolling up and down on mobile #2368

Open AhmadHassanDev opened 2 months ago

AhmadHassanDev commented 2 months ago 
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