How can I disable scroll on an embedded Google Maps iframe in Webflow?

TL;DR
  • Append &scrollwheel=false to the Google Maps iframe URL in Webflow to disable scroll.  
  • Save and publish the site to apply changes.

To disable scroll on an embedded Google Maps iframe in Webflow, you'll need to adjust the settings within the iframe attributes. Here's how you can do it:

​

1. Locate the Embed

​

  • Find the page where your Google Maps iframe is embedded in Webflow.
  • Open the Embed Code by double-clicking the embedded code component in the Designer.

​

2. Modify the Iframe Code

​

  • Within the iframe code, find the URL part which typically looks like src="...".
  • Append &scrollwheel=false to the URL to disable the scroll interaction.

​

3. Save Changes

​

  • Click Save or press Enter to save the changes to your embed.
  • Publish your site to see the changes in effect, as this must be live to test.

​

Summary

​

To disable scroll on an embedded Google Maps iframe in Webflow, append &scrollwheel=false to the iframe's URL. This prevents users from scrolling within the map section.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
How can I make the videos on my Webflow online store automatically download instead of opening in an in-browser video player when the user clicks on the download button on the order confirmation page?
How can I make changes in my web design specific to Mobile - Landscape and Mobile - Portrait views in Webflow, without affecting the desktop and tablet views?
How can I highlight the 'current' page in Webflow CMS collection template pages for my nav-bar links? (For example, I have a page called 'case studies' that shows items from a CMS collection also called 'case studies'. When showing the CMS collection template page for each case study, I want the nav link for 'case studies' to be highlighted to indicate the user's current location on the site). Can anyone suggest a solution? Thank you.
How can I create a responsive grid layout in Webflow with an image and text, which stacks in a 2 x 1 layout on mobile?
Can someone provide a detailed tutorial on creating a 2-page sign-up form on Webflow? Specifically, the tutorial should include information about passing data from page 1 to page 2, having a custom waiting text on the 'next page' button, adding a pause on the first 'next page' button, implementing basic validation for email and phone number, and utilizing the form success message setting. Thank you!
Can I still design my website for free on Webflow if I decide to host it with a different company? Will free users have the same design capabilities as paying members, or will there be limitations on features and functions? Can I create, design, and customize forms on Webflow, including making them functional? Is there a Spanish-speaking community where I can find training videos and get help with my questions?
Is there a Webflow tutorial or forum post discussing how to create a parallax effect where graphic elements on the site scroll at different speeds?
Is there an updated method or script that can prevent body scrolling while a modal window is active in Webflow?
How can I achieve the design shown in the image using Webflow?
What is the current best workaround in Webflow for adding a "select country" list into forms, without using ecommerce and considering limitations on maximum number of items and characters for custom code?
Can background videos in Webflow be enabled on mobile?
How can I create a responsive masonry grid in Webflow that works on all devices and can be customized?
How can I integrate Google Analytics into my Webflow website and track specific button clicks using the event tracking feature?
Can I integrate a different checkout payment service with Webflow Ecommerce using an API or custom code?
What is the best way to use Google Maps with Webflow while preventing Google Webfonts from being loaded?
Can I capture a screenshot of a Webflow page on click and convert it to a downloadable PDF?
How can I alternate the layout of the image and heading for each collection item in a two-column format on Webflow?
How can I execute JavaScript code when clicking a specific button with a given ID in a Webflow project?
How can I disable the Webflow success or failure state for a sign-up form and display a custom thank you page using jQuery and the Webflow form submit state?
How can I create a vertical scrolling menu with Webflow, similar to the one on Apple's website, that switches to horizontal scrolling when the menu doesn't fit on one screen?
How can I change the language of the Google Maps embed from English to Arabic in Webflow?
How can I reduce the vertical space between lines within a bullet point in Webflow? Can I replace the bullet points with icons on the "Services" page?
How can the text color be changed for custom input fields on Webflow?
How can I add conditional visibility in Webflow to prevent a div from appearing on a published page if a CMS field is empty?
How can I stop a YouTube video from playing in the background in audio mode when I close a modal in Webflow?
How can I connect and use my JavaScript and CSS files for special functions and styles in Webflow?
How can I fix the "Ensure text remains visible during webfont load" warning in Webflow?
How can I implement a ThreeJS script as a background for my Webflow project using custom code?
How can I send data from a Webflow Form to ActiveCampaign without using Zapier? I have set the form to POST and input the form's action URL, similar to Mailchimp but it redirects me to the admin area of ActiveCampaign without sending the data. Has anyone had success with this method?
Can Webflow be used to create a "blob" elements effect in the header of a website using custom code or JavaScript?