Sticky blocks are an animated display option for visual storytelling. Background images are set and text content is layered over the top. A background image can stay visible for either one or multiple text sections, then scrolls with content to be replaced by a new background image and text. Like accordions and horizontal/vertical tabs, a sticky block is a display options that can be selected when using Layout blocks.
Start in the Page management area of the Sequence page.
By default the text added into the content area will sit over the top of the image and be left-justified with a transparent background. The image will also be left justified. These positions, as well as the text colour and width of the text block, can all be customised depending on the complexity of your background image and quantity of text.
Adding more content blocks
The visual effect of the sticky block will not be apparent until two or more content blocks have been added to the parent layout block. Repeat the steps from Create the first sticky block section above to add more content, changing text, background and visual settings as desired.
If no background image is added to a particular content block, that block will inherit the background image from the previous content block.
If the visual settings for the sticky blocks are going to be consistent across the whole site, you can set some universal settings that will apply for every instance of sticky blocks.
Navigate to the Settings tab in the left-hand menu.
Universal settings that can be applied here include the position of the block, background text box colour and text colour.