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. Nunc porta ante eu tellus venenatis suscipit. Praesent nec neque cursus, congue neque et, tempor odio. Duis euismod arcu sit amet scelerisque iaculis. Nullam et lacus non enim cursus varius eget vitae ante. Morbi non odio sed mauris euismod pulvinar quis quis nisl. Praesent ac mi quis dui tincidunt suscipit. In dapibus purus ultricies, porta sapien ac, tincidunt sapien. Duis ut dui ac lacus congue suscipit sed eu augue. Nullam ornare tellus vitae accumsan suscipit. Phasellus eu mi quis nibh consectetur auctor. Proin viverra dui a quam sagittis, vitae condimentum dolor consectetur.

In in nulla vel arcu bibendum aliquet. Integer eget sem aliquet, laoreet tortor sit amet, fringilla lorem. Nulla feugiat orci non libero ultrices dignissim. Donec feugiat libero eget est eleifend, ut fermentum libero viverra.

Suspendisse sed ante tempus, lobortis massa quis, aliquet elit. Aliquam sagittis leo eu sodales tristique. Nam posuere turpis ut semper ullamcorper. Sed blandit lorem eu velit tempus, id ornare arcu fringilla. Duis scelerisque nulla ac augue vulputate, in luctus ligula convallis. Duis sollicitudin erat vitae nibh rutrum vehicula. Praesent nec neque cursus, congue neque et, tempor odio. Donec et turpis posuere, euismod tortor at, sagittis massa.

Aliquam quis arcu non magna aliquam iaculis. Sed vel dolor tempus, imperdiet erat in, varius orci. Ut molestie urna ut nulla hendrerit, in dictum odio consectetur. Etiam commodo neque quis aliquam congue. Maecenas ultricies ante quis sodales accumsan. Nulla a dui consectetur, gravida ligula et, viverra purus. Sed mattis augue ut blandit eleifend.

Nulla a metus quis ipsum tincidunt blandit vitae sit amet turpis. Ut mattis orci pharetra, suscipit augue a, faucibus felis. Morbi vel nunc id mauris mollis congue sed vitae lacus. Praesent ac mi quis dui tincidunt suscipit. Vivamus at turpis luctus metus commodo fermentum. Phasellus nec neque consequat, commodo nulla sit amet, pellentesque enim.

Phasellus suscipit urna id mauris fringilla accumsan. Praesent at massa tincidunt, malesuada sem sed, mattis lorem. Sed vitae risus sit amet nisl molestie iaculis. Etiam lobortis diam sit amet facilisis dictum. Phasellus sit amet odio sed leo laoreet consectetur. Integer feugiat neque in sem rutrum laoreet. Nam eget mi ut risus fermentum fringilla. Fusce varius tellus eget eros varius dapibus quis eget urna. Curabitur rutrum leo id dolor egestas ullamcorper. Morbi sit amet massa nec elit lobortis dictum id at leo.

Vivamus ac leo mollis, posuere sapien id, accumsan sapien. Mauris ultrices arcu ac lacus mollis, ut lobortis libero auctor. Vivamus accumsan nisl adipiscing sem sollicitudin ultricies. Fusce vitae libero ac ipsum ultrices mollis. Curabitur varius odio a adipiscing tempor.

Sed vel odio sit amet nulla cursus laoreet ut ut ante. Donec tempor urna at auctor dictum. Aliquam viverra eros quis cursus sagittis. Vestibulum et odio dictum, elementum augue non, volutpat sapien. In accumsan nunc venenatis convallis auctor. Sed vitae risus sit amet nisl molestie iaculis.

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