Introduction

The sticky shortcode can be used to stick an element to the page as the user scrolls. Use it to stick a sidebar or other element to the page while scrolling.

Example

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque et sem interdum, pulvinar ligula quis, suscipit erat. Integer eget sem aliquet, laoreet tortor sit amet, fringilla lorem. Nullam quis nulla pulvinar, auctor mauris ultricies, interdum felis. Mauris sit amet nibh sagittis, elementum metus et, facilisis massa. Vivamus euismod nibh ut eros vehicula lacinia. Curabitur eu nisl in tortor lacinia suscipit eu quis nulla. Curabitur eu nisl in tortor lacinia suscipit eu quis nulla. Maecenas ultricies ante quis sodales accumsan.

Fusce tristique est non ligula iaculis, et accumsan neque euismod. Proin ac mi sit amet mi tincidunt sagittis. Sed placerat est nec diam lobortis auctor. Quisque tempus leo quis tempus hendrerit.

In ut enim vel mi sodales facilisis non id ipsum. Vestibulum porta justo a velit porttitor tincidunt. Nunc fermentum tortor pulvinar, auctor arcu sit amet, molestie ligula. Ut mattis orci pharetra, suscipit augue a, faucibus felis. Nullam vel lectus tincidunt, iaculis mi eget, rhoncus velit. Aliquam pretium justo id orci porta, ut tincidunt ipsum iaculis. Sed ultricies purus vitae est ornare vulputate. Nam pretium metus nec lacus auctor, in lacinia lorem ullamcorper. Nunc accumsan arcu ac blandit semper. Vestibulum ut massa dapibus, aliquet magna lacinia, volutpat tellus. Suspendisse id ante mattis, facilisis felis a, scelerisque est. Sed vel dolor tempus, imperdiet erat in, varius orci.

In ac lorem feugiat, molestie ligula ac, congue risus. Vivamus placerat odio non sem cursus, at sodales tortor tincidunt. Curabitur eu nisl in tortor lacinia suscipit eu quis nulla. Etiam tristique leo at arcu tempus, in dapibus dui tempor. Maecenas eu ipsum in purus bibendum placerat tincidunt molestie ipsum.

Mauris sed dolor viverra, accumsan nisl ac, interdum metus. Nam ac quam mattis, auctor erat eu, sollicitudin est. Praesent a justo mattis, pellentesque lacus placerat, ornare est. In scelerisque sapien quis eros convallis imperdiet. Sed eget nisi at metus varius gravida ac eu mi. Vestibulum ut nulla nec turpis pulvinar sodales sed vel purus.

Aenean nec mauris et quam interdum tristique. Ut et neque posuere, malesuada dui quis, pulvinar metus. Vestibulum dictum nunc ut mi semper, non suscipit mauris sollicitudin. Nullam et odio sit amet libero consectetur congue ac vitae tortor. Nullam ornare tellus vitae accumsan suscipit. Vivamus at turpis luctus metus commodo fermentum. Fusce a odio sollicitudin, euismod ipsum at, pellentesque leo. Quisque tempor metus vel nisl mollis, sit amet sollicitudin elit pretium. Proin ultricies massa vitae nisl ultrices imperdiet. Proin adipiscing quam facilisis lectus tristique, id euismod sem interdum.

Suspendisse varius metus nec massa malesuada laoreet. Etiam lobortis diam sit amet facilisis dictum. Integer laoreet mauris a augue bibendum blandit. Sed at turpis sed justo tincidunt blandit. Aliquam et nibh placerat purus pellentesque semper nec quis sem. Vestibulum cursus ligula sed augue tempus, dictum interdum mi tempor. Etiam eu dolor eget arcu sodales posuere sit amet in dolor. Cras non erat egestas, vehicula orci ac, suscipit metus. Ut euismod urna et sapien sollicitudin, sed convallis dui hendrerit. Cras at eros iaculis, euismod nunc vitae, cursus erat.

Ut sed nunc venenatis, interdum nisi non, tristique velit. Suspendisse sed ante tempus, lobortis massa quis, aliquet elit. Vestibulum et odio dictum, elementum augue non, volutpat sapien. Aliquam viverra eros quis cursus sagittis.

Sticky!

Explore More Shortcodes

[intense_content_section]
<h2>Introduction</h2>
The sticky shortcode can be used to stick an element to the page as the user scrolls. Use it to stick a sidebar or other element to the page while scrolling.
[/intense_content_section]
[intense_content_section background_type="color" background_color="#f9f9f9" border_top="1px solid #ededed" border_bottom="1px solid #ededed"]
<h2>Example</h2>
[intense_row id="some-row"]
[intense_column size="6" medium_size="6" small_size="12" extra_small_size="12"]
[intense_filler paragraphs="8"]
[/intense_column]
[intense_column size="6" medium_size="6" small_size="12" extra_small_size="12"]
[intense_sticky offset="200" parent="#some-row"]
[intense_alert]Sticky![/intense_alert]
[/intense_sticky]
[/intense_column]
[/intense_row]
[/intense_content_section]

[intense_snippet snippet_id="Child Theme | Shortcodes/footer" snippet_title="Shortcode Page Footer"]