Please try scrolling within this frame to understand the working principle of sticky positioning.

Note:IE/Edge 15 and earlier versions do not support sticky positioning.

I have stickiness!

Sticky elements switch between relative and fixed positions based on scroll position. They are positioned relatively until they encounter the specified offset position within the viewport - then they are 'pasted' at the appropriate location (e.g., position: fixed).

Sticky elements switch between relative and fixed positions based on scroll position. They are positioned relatively until they encounter the specified offset position within the viewport - then they are 'pasted' at the appropriate location (e.g., position: fixed).

Sticky elements switch between relative and fixed positions based on scroll position. They are positioned relatively until they encounter the specified offset position within the viewport - then they are 'pasted' at the appropriate location (e.g., position: fixed).

Sticky elements switch between relative and fixed positions based on scroll position. They are positioned relatively until they encounter the specified offset position within the viewport - then they are 'pasted' at the appropriate location (e.g., position: fixed).

Sticky elements switch between relative and fixed positions based on scroll position. They are positioned relatively until they encounter the specified offset position within the viewport - then they are 'pasted' at the appropriate location (e.g., position: fixed).

Sticky elements switch between relative and fixed positions based on scroll position. They are positioned relatively until they encounter the specified offset position within the viewport - then they are 'pasted' at the appropriate location (e.g., position: fixed).

Sticky elements switch between relative and fixed positions based on scroll position. They are positioned relatively until they encounter the specified offset position within the viewport - then they are 'pasted' at the appropriate location (e.g., position: fixed).

Sticky elements switch between relative and fixed positions based on scroll position. They are positioned relatively until they encounter the specified offset position within the viewport - then they are 'pasted' at the appropriate location (e.g., position: fixed).

Sticky elements switch between relative and fixed positions based on scroll position. They are positioned relatively until they encounter the specified offset position within the viewport - then they are 'pasted' at the appropriate location (e.g., position: fixed).

Sticky elements switch between relative and fixed positions based on scroll position. They are positioned relatively until they encounter the specified offset position within the viewport - then they are 'pasted' at the appropriate location (e.g., position: fixed).

Sticky elements switch between relative and fixed positions based on scroll position. They are positioned relatively until they encounter the specified offset position within the viewport - then they are 'pasted' at the appropriate location (e.g., position: fixed).

Sticky elements switch between relative and fixed positions based on scroll position. They are positioned relatively until they encounter the specified offset position within the viewport - then they are 'pasted' at the appropriate location (e.g., position: fixed).

Sticky elements switch between relative and fixed positions based on scroll position. They are positioned relatively until they encounter the specified offset position within the viewport - then they are 'pasted' at the appropriate location (e.g., position: fixed).

Sticky elements switch between relative and fixed positions based on scroll position. They are positioned relatively until they encounter the specified offset position within the viewport - then they are 'pasted' at the appropriate location (e.g., position: fixed).

Sticky elements switch between relative and fixed positions based on scroll position. They are positioned relatively until they encounter the specified offset position within the viewport - then they are 'pasted' at the appropriate location (e.g., position: fixed).

Sticky elements switch between relative and fixed positions based on scroll position. They are positioned relatively until they encounter the specified offset position within the viewport - then they are 'pasted' at the appropriate location (e.g., position: fixed).

Sticky elements switch between relative and fixed positions based on scroll position. They are positioned relatively until they encounter the specified offset position within the viewport - then they are 'pasted' at the appropriate location (e.g., position: fixed).

Sticky elements switch between relative and fixed positions based on scroll position. They are positioned relatively until they encounter the specified offset position within the viewport - then they are 'pasted' at the appropriate location (e.g., position: fixed).

Sticky elements switch between relative and fixed positions based on scroll position. They are positioned relatively until they encounter the specified offset position within the viewport - then they are 'pasted' at the appropriate location (e.g., position: fixed).

Sticky elements switch between relative and fixed positions based on scroll position. They are positioned relatively until they encounter the specified offset position within the viewport - then they are 'pasted' at the appropriate location (e.g., position: fixed).