Scroll to get sticky?

When position sticky element is "stuck" add a class

Bit o Honey custom code in the page settings. Script watches for 'sticky-thing' to intersect with the browsers top edge within a threshold. 'sticky-thing' is position: sticky at a top position value of -1px.

Transitions can be applied to your base 'sticky-thing' and will animate accordingly when the 'is-stuck' class is added via JS. Also, fwiw, be cautious of specificity regarding your 'is-stuck' class. ;)

Must be published to see effect.

🍯

A sticky thing

*scroll down*
👇
‍
‍
‍

That was fun wasn't it?

Honey is sticky and the internet can tell us why

It's sticky because of hydrogen. When bees mix water and nectar the hydrogen in the water makes the honey sticky. Now we both know.

Happy Webflowin 🤙
‍

Questions? Tweet or DM me @tonyseets