Dealing with overflow and position: sticky;

Any overflow value other than visible and no height is the enemy of child elements with position: sticky;. It’s like that element is ready to stick when the parent scrolls, but it never does because the height is unconstrained. Adding a fixed height can solve the issue, but that’s not always desirable.
Dannie Vinther digs into a way of dealing with that. The end result is avoiding that situation all together by removing the element that wants to be … Read article
The post Dealing with overflow and position: sticky; appeared first on CSS-Tricks.

Link: https://uxdesign.cc/position-stuck-96c9f55d9526