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?


logorado
Go to solution Solved by HammaadM,

Question

  • Answers 57
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

I found the solution to hiding the button on mobile. You have to code several scroll buttons in the CSS Editor, for different configurations as follows: @media only screen and (max-width:3000px) {

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). :))

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.

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:

#ScrollUP

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

Cheers!

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...