Sticky Panels

scrolling sticky panels
Sticky Stacks

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.

Panel Contents

sticky panel content
Panel Options

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.


responsive sticky stacks
Panel Width

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.

Text Content

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.

© EverWeb Widgets -