In Webflow, is there a built-in feature for automatically scrolling to a specific section on a page after clicking a link in the navbar, or do I need to use custom code?

Published on
September 22, 2023

In Webflow, there is a built-in feature for automatically scrolling to a specific section on a page after clicking a link in the navbar. This feature is called "Smooth Scroll" and it is enabled by default on all new Webflow projects.

To use the Smooth Scroll feature, follow these steps:

  1. Select the link in your navbar that you want to link to a specific section on the page.
  2. In the settings panel on the right, click on the "Link Settings" tab.
  3. Under "Link Settings," you'll see an option for "Smooth Scroll." By default, this is set to "On."
  4. If you want to disable the Smooth Scroll effect for a specific link, you can simply toggle the switch to "Off."

Using the built-in Smooth Scroll feature in Webflow eliminates the need for custom code, making it easy to create a smooth and seamless scrolling experience for your users.

Additional Questions:

  1. How do I enable Smooth Scroll in Webflow?
  2. Can I disable Smooth Scroll for specific links in Webflow?
  3. Is Smooth Scroll enabled by default in Webflow?