Prevent page scroll on Webflow Modal (using Chat GPT)
In this @Webflow tutorial, I'll answer a comment from my previous video: explaining how to create a basic popup in Webflow. The comment was on how to prevent the page from scrolling when the popup is opened.
Code used can be found here:
https://www.dereksiu.com.au/tutorials...
For my previous video covering the basic popup model see:
• Build a basic popup modal in Webflow
📚 Time Stamps:
Intro: 0:00
Youtube Comment: 0:07
Recap of the popup modal: 0:18
Explanation / Problem: 1:00
Using ChatGPT as the solution: 1:25
Chat GPT Code: 5:29
Applying code using Embed: 5:55
Applying code using Page setting: 6:02
Applying code using Project setting: 6:38
Applying the ID: 7:07
Trouble shooting: 8:38
Final solution: 9:00
Closing statements: 9:16
For more value please visit:
https://www.dereksiu.com.au/value
📢 Connect With Me
Website: https://www.dereksiu.com.au/
Fiverr: https://www.fiverr.com/dereksiu
👇 Affiliate Links:
Hire a Freelancer on Fiverr: https://fiverr.grsm.io/k8bhq1js4hmx
Try Webflow: https://webflow.partnerlinks.io/4brsn...
Have questions or suggestions for future tutorials? Leave them in the comments below! Your feedback is greatly appreciated.
--
Peace!
#WebflowTutorial #ModalFix #PageScrollPrevention #WebDesignTips #ChatGPTGuide #WebflowModals #NoScrollHack #WebDevelopment #WebflowTips #ChatGPTTutorial