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. Aenean interdum augue sit amet justo ultrices gravida. Fusce tristique dui et nisi hendrerit ultrices. Duis ut dui ac lacus congue suscipit sed eu augue. Donec quis dolor congue, consequat nibh ac, auctor nibh. Maecenas eu ipsum in purus bibendum placerat tincidunt molestie ipsum.

Maecenas ac libero vestibulum, imperdiet nibh quis, tincidunt eros. Proin in tortor vehicula, porttitor elit at, egestas mi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent et enim eu orci aliquam eleifend. Nunc non justo ultricies, tristique libero vitae, ornare odio. Proin vehicula turpis eu arcu venenatis condimentum. Aliquam rutrum quam non interdum egestas. Nullam eu tortor vitae turpis malesuada aliquam.

Nullam eu lorem posuere, hendrerit purus a, pellentesque leo. Morbi tristique nulla vitae eros pharetra blandit. Pellentesque quis nisi sed elit aliquet fermentum ut at augue. Proin eget est eu ante venenatis iaculis. Nullam ornare tellus vitae accumsan suscipit. Nam eleifend lectus rutrum dui pretium commodo. Proin vehicula turpis eu arcu venenatis condimentum. Fusce a odio sollicitudin, euismod ipsum at, pellentesque leo. Nullam quis nulla pulvinar, auctor mauris ultricies, interdum felis. Etiam venenatis massa a turpis vulputate pharetra.

Aliquam adipiscing risus et vestibulum sollicitudin. Nullam suscipit massa non purus hendrerit, pellentesque semper augue consequat. Suspendisse varius metus nec massa malesuada laoreet. Vestibulum sit amet orci ac nulla blandit vestibulum. Maecenas quis lorem hendrerit, vulputate nulla et, mollis risus. Cras sit amet eros eget augue ornare posuere ac vel odio. Etiam sit amet arcu egestas, viverra dui sit amet, sodales urna. Duis id lacus mollis, lacinia mauris eget, accumsan mi. Duis et dui ac orci dapibus imperdiet. In ut enim vel mi sodales facilisis non id ipsum. Cras at eros iaculis, euismod nunc vitae, cursus erat.

Donec ut tortor in risus eleifend porttitor. Pellentesque ac sapien luctus est pellentesque cursus sed vitae lectus. In accumsan nunc venenatis convallis auctor. Quisque ac arcu ut magna semper eleifend. Cras laoreet diam ac mauris placerat sollicitudin.

Mauris varius turpis eget magna accumsan varius. Sed ut augue viverra, lobortis lacus nec, tincidunt mi. Nullam suscipit massa non purus hendrerit, pellentesque semper augue consequat. Vestibulum imperdiet neque id consectetur eleifend. Ut euismod urna et sapien sollicitudin, sed convallis dui hendrerit. Maecenas consequat mi quis erat vehicula, vel egestas diam condimentum. Vestibulum non urna in felis lobortis vestibulum.

Integer pulvinar risus ut magna ornare, id tincidunt arcu porta. Pellentesque scelerisque velit sit amet massa semper, quis rutrum nunc venenatis. Sed vitae lectus dapibus, consequat nulla sit amet, gravida arcu. Proin blandit augue sit amet nunc sollicitudin iaculis. Praesent ac mi quis dui tincidunt suscipit. Cras quis odio ac leo accumsan pharetra. Maecenas consequat mi quis erat vehicula, vel egestas diam condimentum. Phasellus suscipit urna id mauris fringilla accumsan. Vestibulum sit amet orci ac nulla blandit vestibulum. Quisque vitae metus luctus, tempus nulla at, ullamcorper lectus.

Proin ultricies massa vitae nisl ultrices imperdiet. Praesent nec neque cursus, congue neque et, tempor odio. Ut condimentum lacus eu felis placerat, in adipiscing turpis sollicitudin. Cras non erat egestas, vehicula orci ac, suscipit metus.

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"]