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.
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:
…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.
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.
