Sticky after scroll

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et metus.

The code was found at W3Schools. When scrolling the page, the header disappears, and the navbar becomes sticky. You can use any other horizontal menu, but the outer container has to have the ID 'navbar'. Also, below the navbar there is a container for the contents, by the class name 'content'. That class name also has to be kept.

To make a component, select the column 'wrapper-col'. It includes also the 'content'. I've had to include some bits of CSS in the head section, see the Settings pane. Also, don't forget the bit of java script in the footer.

In my sharing library there is a Bootstrap version of this building block made with SD3. A Foundation version for SD3 can easily be made from the component based on the 'wrapper-col'.