Why position:sticky is not working when the element is wrapped inside another one?
position:sticky consider the parent element to behave as it should be. In your case the parent element has its height defined by the sticky element so there is no room for the element to have a sticky behavior Add border to better see the issue: .nav-wrapper { position: absolute; bottom: 0; border: 2px solid; } … Read more