Sticky Panels
The widget uses the jQuery Sticky Stack plugin to create panels which scroll up and stick.
Each section consists of a full size background image and a panel which is centered both horizontally and vertically in the browser window.
The widget uses the jQuery Sticky Stack plugin to create panels which scroll up and stick.
Each section consists of a full size background image and a panel which is centered both horizontally and vertically in the browser window.
The panel has an h1 heading, an optional figure element with image, alt text and caption, a text content block and an optional CTA style link tab which can be configured as an internal or external hyperlink.
The panels have a 100% width to make them responsive and have a maximum width setting to control the width when viewed on computers with wide browser settings.
The panels can show just the heading and text if required.
This section has a coloured background created with a 200px square image.
The shape was created in Keynote, a screenshot taken and the image cropped to suitable dimensions.
The image is then inserted in the same way as the full size background images.
The optional footer has auto update of the copyright year and a smooth scroll to the top chevron tab.