leafo/sticky-kit

Sticky element disappears when it becomes stuck (Solved)

japick opened this issue · 7 comments

japick commented

Just a quick heads-up for anyone who has had this issue.

In my case, this was caused by the parent element having a CSS transform property set on it. Once this was removed, all worked fine.

carasmo commented

Please close this.

japick commented

@carasmo For what reason?

carasmo commented

Because it was solved. This helps others when searching.

  • 👍1
techyogi7 commented

Same issue for me too, As i don't have any CSS transform property set to the parent element.

But I can see it's not disappear but goes all the way to top main container, and that's the reason it feels like disappeared.

That would be great if someone can help with that.

  • 👍1
Dihgg commented

@techyogi7 this is happening to me too

gzmichael84 commented

Same here. No disappear but goes top. any solution?

Namstel commented

Still encountering this issue. Parent element does not have the transform property attached to it.

EDIT:
I found this issue with a possible solution:
#169

My sticky element has the .stickyme class.

So I added some CSS:
.stickyme { position: static; }

  • 👍1