Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 8

How can I add a "Scroll to top" button?


Recommended Posts

  • 0

If anyone comes across this post and is overwhelmed by the above (like me lol), I found an EASY step-by-step tutorial with screenshots here: https://thirtyeightvisuals.com/blog/back-to-top-button-squarespace

It doesn't actually say "Scroll to top" but it creates a nice, clean, floating button with an arrow and I actually preferred that.

It worked perfectly for my client's site on Moksha (Brine). :))

Share this post

Link to post
  • 0

Hi @logorado, I made a video tutorial for you on how to Add a scroll to top button. Hope this helps! https://www.askquesty.com/squarespace-answers/add-a-scroll-to-top-button-squarespace-tutorial

Have Squarespace questions/task and need help today? **You can hire us here.** Our answers are on-demand, video recorded, and only cost between $5 to $25. Estimates are free, 100% satisfaction guarantee, and trusted by hundreds of small businesses.

Share this post

Link to post
  • 0

Alternatively you can use anchor links....simply go to Settings >> Advanced >> Code Injection. Then in the header section add the following code:

<div id="ScrollUp"></div>

This simply labels the header div as "ScrollUp" so you can just refer to it using anchor links.

Now go to your footer, and either add a button or just a text that says something like "Go to top". Then in the links  section of either the button or just a hyperlink on the text (if that's what you used) then put the following in that links part:


Save and try it out! Should work. Let me know if any questions regarding this.


Share this post

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...