Position: sticky; won't work at all!

Need help
1

Hey guys, need your help with position: sticky;

Have tried several things, including:

#sticky-thing {
  position: sticky !important;
  top: 0 !important;
  left: 0 !important;
}

Allowed scrolling.
allowed everything, tried to play with the chrome-dev-tools but it doesn’t work.

THE ELEMENT GETS THE “position sticky” BUT IT DOESN’T AFFECT HIM AT ALL.

anyone?

links:
to the page:

Loom (version 1.0 lol)

image:

image
image654×720 78.9 KB

would appreciate any help!

2

If you have the element in a container other than the parent page, the sticky won’t work as if its parent container’s end is in view, it’ll follow scroll with its parent regardless of whatever code you write. You will have to replace the element at that position with a dummy shape that mimics it’s position and dimensions then put the group you wish to set as sticky in a seperate container on its own (this container has to span the entire height of the page.

3

This topic was automatically closed after 70 days. New replies are no longer allowed.