vchoo27 Posted March 30, 2023 Share Posted March 30, 2023 Hi I'm trying to load an html5 video on page load, have it play only once, then fade out (or any other out animation). While it's playing I don't want users to be able to scroll or interact yet. How can I achieve this? Thank you! See the Pen yLxWXRW by vchoo (@vchoo) on CodePen Link to comment Share on other sites More sharing options...
GreenSock Posted March 30, 2023 Share Posted March 30, 2023 Hi @vchoo27. Welcome to GreenSock. We really try to keep these forums focused on GSAP-specific questions (please read the forum guidelines). You could probably just set overflow: hidden initially on your html/body and then when your video is done playing, set it to auto, or just overflow-y: auto or scroll. There are many other options too, but as a user I'd be VERY annoyed if I saw a scrollbar that indicated there's more to the page but it somehow prevented me from accessing the other content, dragging the scrollbar, etc. Bad UX. Good luck with the project. 2 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now