Adding anchor link button in Squarespace fluid engine

I had anchor link buttons using "page-section-SectionID#" as the link but now that I upgraded the 7.1 section to fluid engine that doesn't work. Any suggestions or ideas on how I can make an anchor link button in fluid engine?

Page-section-id doesn't exist in 7.1.

You can add a Code Block > Add ID > Something like this

<span id="about"></span>

Then add this to anchor link: #about

@tuanphan   Hello, I am trying to troubleshoot a similar problem-- using anchor links for fluid engine sections. I used the suggestion you made above which worked great for same-page anchor links to fluid engine sections, but it doesn't seem to be working when I try to link to the specific section from another page. 

For example, on the specialties page (https://orka-c1-sep.squarespace.com/specialties) I added a code block to fluid engine section "<span id="mood"></span>"

The button at the top of that page works with the link "#mood"

But to link to that section from the home page I added the link: https://orka-c1-sep.squarespace.com/specialties#mood , which doesn't work. 

Any suggestions are so appreciated!

On 9/28/2022 at 9:47 PM, arielleneal said:

@tuanphan   Hello, I am trying to troubleshoot a similar problem-- using anchor links for fluid engine sections. I used the suggestion you made above which worked great for same-page anchor links to fluid engine sections, but it doesn't seem to be working when I try to link to the specific section from another page. 

For example, on the specialties page (https://orka-c1-sep.squarespace.com/specialties) I added a code block to fluid engine section "<span id="mood"></span>"

The button at the top of that page works with the link "#mood"

But to link to that section from the home page I added the link: https://orka-c1-sep.squarespace.com/specialties#mood , which doesn't work. 

Any suggestions are so appreciated!

I see it works here. Did you solve it?

I have similar questions and problems I'm trying to troubleshoot in Fluid Engine:

1. Is there any way to link to a page's section[data-section-id="###"] selector?
   1. I suppose this is analogous to linking to page-section-id as one used to be able to do previous to 7.1.
2. If not, is there a way (preferably with CSS) to force an anchor link within a section to stick absolutely to the beginning of its section, regardless of the browser window's size? That way, when you link to it, it will always scroll to the beginning of that section.
   1. I have tried many techniques to offset the position of the anchor link, but its position changes relative  to the size of the browser window.

To explain what I'm trying to create:

1. I have a page with multiple sections, and each section has its own full screen background image.
2. In the first section I have a button to link to the section below it. That section has a button to link to the section below it, and so on.
3. I've set anchor divs in each section, but now it scrolls down to wherever the link is on the page, and I want it to scroll to the very beginning of the section.
4. I've tried to finesse it for various screen sizes, but it doesn't look right. In any case I'd like it to ALWAYS scroll to the beginning of the section regardless, as stated before.

Anyone with any ideas? I can give the site and password if someone wishes to take a look.

In any case, THANKS!