Browser: Chrome
OS: Windows
URL: https://jametest.caredigital.work/
Video: Jam
Hello, I’m having an issue with my slider. I’m trying to make the slider auto-play continuously in a linear motion without any pauses.
First slide, we used a custom approach by adding this code:
{
“type”:“loop”,
“height”:“var(–slide-h)”,
“gap”:“var(–slide-gap)”,
“start”:0,
“perPage”:“3”,
“speed”:60000,
“interval”:0,
“autoHeight”:false,
“pauseOnHover”:false,
“pauseOnFocus”:false,
“arrows”:false,
“pagination”:false,
“easing”: “linear”,
“autoplay”:true,
"autoScroll": {
"speed": "1"
},
“breakpoints”:{
“580”:{
“perPage”:“2”
}
}
}
But the slider keeps stuttering.
For the second slide, we configured it in the builder settings with rtl motion, set Speed in ms to 60000 and interval in ms to 0, and added this Custom CSS:
%root% :where(.splide__list, .splide__slide) {
transition: transform 30000ms linear !important;
}
This was to make the slider move linearly. It works fine on Desktop but stutters on mobile devices.
Is there any way to fix this? Thank you.