Streaming live at 10am (PST)

Anchor - Scroll To inside Overflow:scroll; Div


#1

I wanted to create a one page sidebar flexbox layout. Where the sidebar is a list of anchors to sections in the box on the right.

However the tutorial to create this layout makes the box on the right an overflow scroll & anchor links are not triggering a scroll in that box.

http://sidebar-test-be106a.webflow.io/

here is a quick example I threw together.


#2

Anchor links and the scroll to script are only enabled to scroll the body within Webflow. The anchors can be attached or nested on elements within the body if they naturally flow within the body content. Anchors can compensate for collapsed / expanded content, but have to appear somewhere in that flow. (I hope that makes sense as an explanation).

I think this layout may be possible through an alternate approach with a fixed sidebar navigation floating above and the scroll to anchors within the body content or possibly a fixed div with 100VH on the left column.

Could you provide a link to the tutorial?


#3

That's actually not a bad idea. That might work. Thanks.


#4

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