Jump to content

Click button/link/scroll indicator to scroll to the next section on 7.1

Recommended Posts

Site URL: https://florianbrooks.squarespace.com

Hi folks,

I'm looking for a way to make a button/scroll indicator/link scroll to the next section on a 7.1 site. I'm not looking for an anchor link solution as such. I'm hoping there is a specific code (probably javascript) which will make the button scroll to the next section, regardless which section is there.

That way, if I change the order of sections, there is no need to update the anchor links, it simply scrols to whatever section is next.

The site I'm working on is florianbrooks.squarespace.com pw: florian

 

Thanks in advance

Nick

Link to comment
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

On 1/30/2022 at 5:46 PM, nickstein said:

Site URL: https://florianbrooks.squarespace.com

Hi folks,

I'm looking for a way to make a button/scroll indicator/link scroll to the next section on a 7.1 site. I'm not looking for an anchor link solution as such. I'm hoping there is a specific code (probably javascript) which will make the button scroll to the next section, regardless which section is there.

That way, if I change the order of sections, there is no need to update the anchor links, it simply scrols to whatever section is next.

The site I'm working on is florianbrooks.squarespace.com pw: florian

 

Thanks in advance

Nick

Change your href link from

/home#scroll to /#scroll

image.thumb.png.3dd607a2a01c40ff97bb8dfafc5e9808.png

and add to Home > Design > Custom Css to make the scroll effect smooth

html {
  scroll-behavior: smooth;
}

 

Edited by bangank36

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword Highlighter
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

@bangank36 - Thanks for replying.

What I'm looking for is a solution that does not require the anchor link (#scroll). I'd like the button to scroll to whatever the following section is, even if I move the section order around.

I tried the smooth scrolling code but that messed with the back to top function so I removed it again.

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.