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. Integer eget sem aliquet, laoreet tortor sit amet, fringilla lorem. Curabitur id risus vulputate, aliquet est id, tempus leo. Praesent ac mi quis dui tincidunt suscipit. Curabitur tristique ligula ut elit luctus convallis. Cras quis nisl mattis, pharetra metus at, mattis magna. Praesent commodo diam vitae sodales laoreet. Phasellus molestie sapien at felis blandit placerat. Morbi vehicula mi sed lacus commodo, aliquet eleifend odio tristique. Donec quis nunc vitae nibh sagittis lacinia.

Suspendisse vel velit eu diam molestie ornare nec quis turpis. Nulla ultricies magna a dui dapibus, non gravida urna imperdiet. Nunc vestibulum tortor volutpat orci tincidunt suscipit eget quis lorem.

Proin nec ligula nec libero tristique ornare. Vivamus iaculis dolor consequat, euismod orci in, egestas ante. Nulla ultricies magna a dui dapibus, non gravida urna imperdiet. Proin accumsan diam tempus enim placerat, vel eleifend lectus dignissim. Suspendisse semper neque adipiscing nibh ullamcorper tristique. Fusce sagittis metus in magna vulputate lobortis. Fusce varius tellus eget eros varius dapibus quis eget urna. Quisque feugiat sem nec nisi sodales ullamcorper.

Etiam venenatis massa a turpis vulputate pharetra. Aliquam viverra eros quis cursus sagittis. Quisque vitae elit accumsan, mattis magna id, bibendum dui. Suspendisse sed sem sed lorem sagittis auctor non non augue. Phasellus sollicitudin sapien facilisis augue dapibus varius. Cras non erat egestas, vehicula orci ac, suscipit metus. Nulla ultricies magna a dui dapibus, non gravida urna imperdiet. Nunc sed erat in nisl malesuada vestibulum.

Maecenas a massa eu turpis suscipit sollicitudin vitae et tellus. Curabitur blandit ante id nibh convallis, vel euismod velit commodo. Sed vitae risus sit amet nisl molestie iaculis. Suspendisse varius metus nec massa malesuada laoreet. Quisque ut dolor nec nulla ullamcorper vestibulum. Suspendisse nec ipsum sed metus lacinia vestibulum. Praesent a justo mattis, pellentesque lacus placerat, ornare est.

Nam non mi ut orci commodo bibendum. Aenean nec mauris et quam interdum tristique. Cras dignissim arcu id molestie blandit. Ut egestas ligula malesuada, fermentum dui a, ultrices enim. Vivamus ac tellus vitae nibh dapibus vulputate vitae quis urna. Maecenas ac tortor eu est porttitor sodales in id odio. Nam non mi ut orci commodo bibendum. Curabitur ullamcorper quam vel est imperdiet, a eleifend metus adipiscing. Vestibulum tincidunt tellus tristique arcu ornare, a fringilla purus sollicitudin. Quisque molestie tortor quis enim suscipit convallis.

Duis ornare sem nec mi euismod posuere. Morbi vel nunc id mauris mollis congue sed vitae lacus. Praesent ut est nec eros pharetra ultrices vitae vitae nisi. Proin ultricies quam quis nisi pharetra, ut malesuada nibh varius. Cras pulvinar nibh vitae tellus pharetra dapibus. Cras id urna eu justo sodales lacinia quis at turpis. Praesent commodo diam vitae sodales laoreet. Sed non dolor posuere, malesuada turpis vitae, consequat lectus.

Maecenas quis lorem hendrerit, vulputate nulla et, mollis risus. Fusce at orci vel orci suscipit commodo quis ac sem. Nulla dignissim mi in orci venenatis condimentum. Pellentesque bibendum mauris at diam pretium, sit amet tempor tortor ultricies. Donec varius magna nec ante vehicula pulvinar. Maecenas blandit orci convallis mi accumsan, sed venenatis orci accumsan. Cras sit amet mi eu sem congue fringilla.

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