Smooth Scroll

What does this code do?

This code snippet adds a smooth scrolling animation to your site. If you are using anchor links or any other effect that has the viewer jump to a different section on a page, this helps the quick scroll happen smoothly, rather than as a quick jump.

 

Code Snippets

Copy and paste this code into Design > Custom CSS

/* Smooth Scroll */
html {
  scroll-behavior: smooth;
}
 

How To Use It

  1. Copy and paste the code as indicated above.

Rebecca Grace

Rebecca Grace is a Squarespace CSS Expert and Website Designer.

https://rebeccagracedesigns.com
Previous
Previous

Split Layout in Squarespace 7.1

Next
Next

Edit the Background Video for Mobile