Guide: Add Smooth Scroll to Squarespace Website
When you add anchor links to your Squarespace website you might have noticed that the page tends to “snap” straight down, creating a jarring experience for users.
To prevent this, you need to add smooth scroll to your Squarespace website.
Watch the video
Check out the YouTube video below 👇
Want a framework for designing the perfect homepage?
To add smooth scroll head to Website > Website Tools > Custom CSS and paste in the following code to your custom CSS box:
html {
scroll-behavior: smooth;
}
This will automatically make all of the anchor links on your website “smooth”, meaning you don’t need to worry about adding smooth scroll every time you add an anchor link in the future, it’s already done for you!
This is such a simple trick but one that I use on every single Squarespace website that I build as it completely transforms the user experience.
Need an expert to build your Squarespace website?
Book a free kick-off call with our team to discuss your project requirements in detail.
