Community forum for knowledge and support

Updated last month

Sticky Scroll Component Not Sticking On Scroll

At a glance

The community member is experiencing an issue with a sticky scroll component that is no longer sticking on scroll, despite all settings being checked. Other community members suggest that the issue may be caused by parent containers having overflow:hidden applied, which can break sticky functionality. The solution provided is to either remove the overflow:hidden setting or use the newer CSS property overflow-x:clip, which can achieve the same effect without breaking sticky elements.

GGee

👋 hey!

So my sticky scroll component has decided to not stick whatsoever since yesterday - checked all my settings but it won't stick on scroll - all the scroll animations work and everything. pasted in a new one (layout 349) and same thing is happening - anyone else?

9 comments

PParth Chaudhary

Hi Gee

PParth Chaudhary

Please share the read only link

EEmmett Armstrong

Sticky stuff breaks if any of the parent containers have overflow:hidden applied.

MMatt Johnson

as mentions - Would you mind sending a read-only link?

GGee

Just dropping feedback - thanks for the tips! Was just about to send the read only but tried changing overflow hidden setting and it worked! Overflow hidden

EEmmett Armstrong

You can use custom css and apply overflow-x:clip and it will do the same thing without breaking sticky stuff!

MMatt Johnson

WHAT

MMatt Johnson

is this a new CSS attribute? I'll have to look into this and its browser support - that is awesome.

EEmmett Armstrong

It’s fairly new yea

Add a reply