LoginGet started — it’s free
Made in Webflow

Custom Content and Video Popup / Modal

Clone in Webflow250
Jonas Arleth's avatar
by Jonas Arleth
1k
site profile thumbnail

Description

Once the popup is open, scrolling of the entire page is disabled using custom code (body = overflow hidden). This helps longer content in the popup overlay to scroll more comfortably without accidentally scrolling the whole page. For the video popup, additional custom jQuery code is needed to stop the video from running in the background when the close button is clicked. Tutorial: https://youtu.be/JbNtDkrfH0U

Feeling inspired?

If this Made In Webflow site sparked some inspo, why not get started on a project of your own? Clone a site, purchase a template or start building from scratch.
modalmodalspopupoverlaycustom modalcloneablewindowyoutubevideocontentsignup

More by Jonas Arleth

See profile
View details
Free Grid Design Template (CMS ready)
228
720
© 2022 Webflow, Inc. All rights reserved.