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

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

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

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

html {
  scroll-behavior: smooth;
}

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