Sticky sidebar for tabbed content

Design help General
1

I’m trying to make a sticky sidebar using tabs, but I can’t figure out what I need to do.

Below is a photo of the third tab and its content. I want the 3 tabs (acting as a sidebar) to stay within view as you scroll through the content. Can someone help?

Here is my site Read-Only: https://preview.webflow.com/preview/fairly-odd-streamers?utm_medium=preview_link&utm_source=designer&utm_content=fairly-odd-streamers&preview=25742c50485bb34fdc1a24bbebed040f&pageId=5df0f45b03a08398ccca2f5c&mode=preview
(how to share your site Read-Only link)

2

Hi @bpmeller

Select your tabs menu you like to behave as a sticky sidebar and set the Position to Sticky, simply add the position from the top when it should be acting sticky.

See the screenshots below:

Screenshot 2019-12-11 at 19.41.02
Screenshot 2019-12-11 at 19.41.02476×588 21.1 KB

Screenshot 2019-12-11 at 19.41.21
Screenshot 2019-12-11 at 19.41.212032×1334 450 KB

To learn more about the sticky sidebar:

Hope it helps!

Ps. make sure none of the parent elements have overflow hidden enabled.

3

Wow, that was so simple. I really appreciate your help!

1 Like