ljylee25
(Louise Lee)
October 22, 2017, 7:00am
1
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: https://flexbox.webflow.com/#sidebar
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: https://preview.webflow.com/preview/loujyl?preview=b8a97dbadfef788bf9a91963e86708fa
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 for anchors links
:
Do you talk about this idea? (anchors
scroll menu // scrollspy menu):
https://webflow.com/website/active-scroll-menu
1 Like
cyberdave
(Dave S.)
October 22, 2017, 1:40pm
3
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): https://webflow.com/website/Fixed-Sidebar-Navigation-Example?s=fixed-sidebar-navigation
I hope this helps.
2 Likes
ljylee25
(Louise Lee)
October 22, 2017, 10:15pm
4
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!
ljylee25
(Louise Lee)
October 22, 2017, 10:31pm
5
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
darius
October 25, 2017, 5:28pm
6
You saved my sanity with this! I was attempting this layout with anchor links and wanted to pull my hair out!
1 Like
system
(system)
Closed
February 27, 2018, 5:42pm
7
This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.