Disable scroll on a section until an action is taken or completed.
Hi All!
A couple of questions:
I'm wondering if it's possible/how to have a user scroll to a section and have scrolling disabled until they click to watch a video?
Here's the link to my PoC site: https://preview.webflow.com/preview/client-first-template-44a251?utm_medium=preview_link&utm_source=designer&utm_content=client-first-template-44a251&preview=6bca7cba2bebf0ef03dfdd69dcee403b&workflow=preview
I'd like the user to be able to scroll down to the attached section screenshot and not be able to scroll any further until they click the "Watch Video" link, which will open a modal window with the video in it.
I also will have interactions in sections that I'd like to be able to disable scroll until they complete an interactive exercise (see second screenshot with the cards and yes/no buttons), and then once the last action is taken, scrolling can be enabled.
TIA!
3 Replies
Hey @Ballen ! Cool site đź‘Ť.
An easy way to accomplish this could be with an interaction that controls section height.
Basically the default height would be zero but when user clicks a button to trigger the next content, set the section height to auto.
Thanks @Web Bae! Appreciate it!