Streaming live at 10am (PST)

Prevent tap on slider in autoplay on mobile


#1

I have a problem.

I have made a site for a client

www.jukeit.dk
https://preview.webflow.com/preview/jukeit?preview=09cd21c439e26b3ef33c317320cc892f

The autoslide in the bottom where the screenshots are works good on a pc, but everytime I scroll down to the screenshot section the autoslide stops. I guess its because I touch the picture with my finger. Is there a way to fix that?


Resume slider autoplay after user click/tap
#2

Hi @Nicholas_Loye, there is not a built in way to prevent touch on mobile devices, but you can create a workaround by putting an overlay div above your slider, on a higher z-index than the slider, so that it covers the slider. You then set the visiblity on the overlay to show only on mobile devices, and set the color to transparent.

This will prevent taps on the slider element

​I hope this helps. If not, please let me know – I'm happy to assist further! smile

Cheers,
Dave


#3

Thanks work like a charm @cyberdave


#4

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.