Slider resets after scroll down on mobile devices

Question

Slider resets after scroll down on mobile devices

Opened this issue 2 years ago · 4 comments

HI!
Thanks for useful library!
Encountered weird issue on mobile devices.

When slider is scrolled and you swipe down past it on mobile at some point it resets to the start position.
Couldn't replicate it to debug on desktop but it happens on both iOS and Android devices.
Here's the live page where you can test it - https://great.com/en-us/online-casino/

Answer 1 · 2022-02-03T12:22:37.000Z

Thanks for the report, this seems to be configuration dependent as it's not happening on every slider on the documentation page. I'll look into this when time permits, but for now you should be able to check out an older version of the plugin as I believe this to be a newly introduced issue.

…

On Thu, Feb 3, 2022 at 7:17 AM Vovk-Andrey ***@***.***> wrote: HI! — Reply to this email directly, view it on GitHub <#220>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAM33FN56CCVSVM3HPCQQ6TUZJW6TANCNFSM5NOYOKYQ> . Triage notifications on the go with GitHub Mobile for iOS <https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675> or Android <https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub>. You are receiving this because you are subscribed to this thread.Message ID: ***@***.***>

Answer 2 · 2022-02-03T12:24:22.000Z

@NickPiscitelli thanks!

Which version would you recommend?

Would it help if i'll share slider init options?

Answer 3 · 2022-02-03T12:57:35.000Z

@NickPiscitelli

also, I've just checked the demos on the documentation page and it seems that it does happen in all of the cases, just a bit different.
The thing is that you can free drag it partially, and when you swipe up or down the page after, it will set the slider to the nearest slide. In my case it resets to the first slide, but the principle is the same.
(all of it happens on mobile devices only)

Answer 4 · 2022-02-03T13:21:23.000Z

@NickPiscitelli

False alarm :)

The 'resizeLock: false' helped to fix it.
As I've found out, in mobile browsers scrolling up/down fires Resize event sometimes (could it be the hide/show of address bar?) and thus triggers locking to the nearest slide if resizeLock is set to true.