Sticky Position

The last position we will look at is the sticky position (sticky) (position). 

An element with sticky position is not ignored by other elements (similar to relative position), but it always stays on the screen (similar to fixed position). This means that it behaves like an element with relative position until it is about to disappear from the page, at which point it starts behaving like an element with fixed position. 

We can offset it in the same way as relative position. This means that we move it from its static position, not from the page or a parent with a position other than static.