Streaming live at 10am (PST)

In-page linking inside a flexbox with scrolling content

Hi guys,

I’m new to Webflow and am building my first website. I used this flexbox tutorial to build a sticky sidebar alongside scrolling content:

I am now trying to make each text link in the sidebar to scroll to the correlating Section within the flexbox. I have tried using the ElementID function on each of the Sections (which I name ‘WorkContent’) but was not successful.

What is the best way to achieve this?

Here is my public share link:

Please go to the ‘Work’ page to see the problem in question. Thank you in advance!

hi, Its hard to understand where in your site the problem and/or what the problem (add screenshot)

Anyway, you don’t need JS foranchors links:

Do you talk about this idea? (anchors scroll menu // scrollspy menu):

1 Like

Hi @ljylee25 thanks for the post. Section scrolling does not work for elements that are nested within a parent element having an overflow of Scroll.

This means that to have a fixed sidebar with page scrolling, keep the sections you are scrolling to scrollable on the body only as in this quick example (available for cloning):

I hope this helps.


Hi @Siton_Systems

Sorry it’s not clear, the problem I am referring to is on the page called ‘Work’.

Thanks for the links, I’ll look through them to see if I can work around it!

Hi @cyberdave

Thanks for the clarification.

I will try and implement the example you linked! Thanks for the help.

Edit: I have used this method to re-design the ‘Work’ page and now it all works! Thank you again Dave :slight_smile:

You saved my sanity with this! I was attempting this layout with anchor links and wanted to pull my hair out!

1 Like

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.