Sticky in a tab

Hello guys,

I’m working on a project and I want to make a div inside of a tabs menue sticky. infortunatly it looks impossible. Could you help me with it please.

I want to make the menu on the lef and the video sticky and the div on the right with the text static

Thanks in advance

Welcome to the community @Student_Corner!

Do you have a read-only link available for the project that you can include for us to take a look at? I’ve personally never tried adding sticky elements within a tab, however I don’t see why it wouldn’t be possible.

So I just tested this myself and confirmed it doesn’t work due to the default overflow: hidden setting on the .w-tab-content element:

image
image

Removing this setting fixes the issue and allows for sticky positioning, however I can’t say whether or not this will cause issues with functionality of the tabs themselves in the long run.

You can see it working on my example below, and thankfully I don’t see issues in my (limited) testing:

https://mikes-awesome-project-003eb9.webflow.io/sticky-tabs

5 Likes

WOOOOOOW !!!

Thank you so much for the moment it works perfectly.

Will see in the future but thanks for you quick response

Have a good day