Why is this sticky sidebar not sticking?

I’m following along with this Webflow U lesson on positioning and I’m trying to build a sticky sidebar. Once I scroll down my page, it should stick once I start to scroll past the top of its parent section. However, my sticky sidebar isn’t doing that. I’ve set the Positioning to Sticky and the Top position to zero but no luck. I checked the troubleshooting steps in this other article Creating a sticky sidebar but that didn’t help (or I’m missing something). Can anyone see what I’m doing wrong? Could it have anything to do with the sidebar being inside a grid? Thanks!

Postscript: Just for fun, I created a much simpler example that just uses Webflow columns but it has the same problem so it’s not related to grids. Clearly, I’m missing something.

Screen Shot 2022-10-24 at 11.19.23 AM

Screen Shot 2022-10-24 at 11.19.33 AM

Screen Shot 2022-10-24 at 11.19.42 AM

Here is my site Read-Only: LINK

…I always had trouble with Sticky!

So what I did was I found a clonable that had a sticky structure that looked like what I was trying to build and followed that structure exactly, and it worked. I used this one:

Thanks, I’ll check it out. But I’m still hoping someone knows what the solution is. Webflow has created two videos on this feature so it should work.

…I copied the videos to the letter, and it didn’t work LOL. To get sticky to work for me, all I ended up having to do was to put the div block I wanted to stick inside another, empty div block. Didn’t do any additional formatting. It just worked.

Hi @robertfdev,

It looks like it’s just a matter of not having enough height in the parent elements to let the sticky element move down, here’s a quick screen recording to show you what I mean: CleanShot 2022-10-25 at 13.16.04 · CleanShot Cloud

It’s the same as on your project- for example, if you set ‘sticky-sidebar-grid-block’ to height: 100VH you should see it working.

Hope this helps!

Ahhh, thanks very much Milan! That makes sense.

Hey, I like the CleanShot app too. I’ll have to check it out.

1 Like