How can I make a div stick to the top of the screen once it s been scrolled to

Question

I want to build a div that sits below a block of content but fixes itself in place and scrolls with the page after the page has been scrolled up to the top boundary.

Answer 1

To make an element sticky, use the following code: make sticky('#sticky-elem-id'); When an element becomes sticky, the code maintains the remaining content's position to prevent it from jumping into the gap left by the sticky element. When you scroll back above the sticky element, it returns to its previous non-sticky location.