How to Make Sticky (Persistent) Headers and Parked Headers using Javascript (JQuery) and CSS

The following is a Javascript (JQuery) solution for implementing floating (persistent, or sticky) headers of sections as the user scrolls below the header static position. Once the user scrolls past the containing block of the header the header is left parked at the bottom of the containing block so that it resticks to the top…