getfundament / fundament Goto Github PK

Top- and bottom boundaries are calculated based on the position of the sticky element relative to the browser viewport. This causes problems when 'bounding' the sticky element since we have to use position: absolute;. It will be positioned wrong if any of its parents has position: relative; because it's no longer relative to the viewport.

A good solution would be to make sure the context (container) element has a relative position at all times. This way we can calculate the boundaries based on the information of that position/offset.