Streaming live at 10am (PST)

How to create Sticky element on Scroll


Is there any way to recreate the Sticky sidebar they have here in Webflow?

I’d love to have it become sticky when it scrolls and reaches its top.

Here is my public share link: LINK
(how to access public share link)

Stop a fixed Div when somebody scroll at the end of the section

In the Webflow case they’re using custom code:

  .course-sidebar-wrapper {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    top: 50px;


Hah, I thought that just because it was on a Webflow page they used Webflow to make it. Didn’t even occur to me that it can be custom code. Thanks.

position: sticky is something I’ll consider. I just worry about browser support.


Well, technically they’re using Webflow, you can see that here:

A custom embed is an element from Webflow

Although you can take another work around more “Webflowised” like this one I created here with the navigation bar:

And here’s another approach similar to the one I did:

Let me know if that helps


Hey Aaron! I was wondering how you were able to get that screenshot of inside that webflow project? I’d love to poke around and see exactly how they pulled off position: sticky;


I’m a bit confused @bobhoran

I just opened the Custom code editor on the project where they created that site.

Like this:

Hope this helps


I’m sorry - I guess my question should’ve been “how did you get access to that project?”


Oh I’m sorry hehe

Here is the link:


Awesome, thanks! Do you know if there is a list of links somewhere to more projects such as this?



Check this out:


Wow - you rock! Really wish the preview for Interactions v2, was known.

Thanks again though! This is super helpful.