Website Building » Squarespace » How Do I Add a Scroll Up Button in Squarespace?

How Do I Add a Scroll Up Button in Squarespace?

Last updated on December 28, 2022 @ 7:12 pm

As you may have noticed, Squarespace does not include a “scroll up” button automatically. This can be frustrating, especially if you have a long page with lots of content.

However, there is a way to add a scroll up button to your Squarespace site. Here’s how:

    1. Go to the “Design” tab and click on “Custom CSS.”

    2. Paste the following code into the Custom CSS box:

    #scroll-up { 
    position: fixed; 
    bottom: 20px; 
    right: 20px; 
    display: none; 
    opacity: 0.5; 
    }

    #scroll-up:hover { 
    opacity: 1; 
    }

    3. Save your changes and preview your site to make sure the button appears as you want it to. You can also change the position, opacity, and other properties of the button by editing the code in the Custom CSS box.

PRO TIP: Please be aware that adding a scroll up button in Squarespace can be risky and may result in unexpected consequences. We recommend only proceeding if you are confident in your ability to do so.

Adding a scroll up button is a great way to improve the usability of your Squarespace site. By making it easy for visitors to scroll back to the top of your pages, you can help them find what they're looking for more quickly and easily.

Drew Clemente

Drew Clemente

Devops & Sysadmin engineer. I basically build infrastructure online.