Streaming live at 10am (PST)

Sticky elements not sticking when scrolled

Hi guys,

Can’t seem to figure this one out. On the “Sellers” page, I have an element (Section 17) set to the sticky position. However, the element is not sticking when scrolled. Top distance is set to 0.

Please let me know if you need any additional information.

Thanks!

https://preview.webflow.com/preview/royaltyrealty?utm_source=royaltyrealty&preview=9b3a68f5c17a303b180b5370ab085d82


Here is my site Read-Only: https://preview.webflow.com/preview/royaltyrealty?utm_source=royaltyrealty&preview=9b3a68f5c17a303b180b5370ab085d82
(how to share your site Read-Only link)

Hi

Try to check if the custom code you added in before the body tag cause this issue

@shokoaviv I removed the code, publish and the error persisted (added code back in).

Any other ideas what would be causing this?

That was tough!

Cancel the overflow hide foe the page wrapper element :slight_smile:

1 Like

What you need is for Section 17 to become position fixed after a scroll of x pixels right ?
Why not just write a bit of jquery that adds a position fixed class after a scroll of x ? :slight_smile:

I believe position sticky is easier to use when using columns or a small div inside a bigger div…

Because sticky works just as well? As @shokoaviv said all it takes is to remove overflow: hidden from the Page Wrapper class (this is actually stated in the sticky description in the guides section: "“Position sticky will most probably not work if overflow is set to hidden, scroll, or auto on any of the parents of the element.”)

@shokoaviv That did it! Thank you so much. That really had me perplexed. :smile: