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. Phasellus fermentum tellus vitae nisi adipiscing elementum. Cras id urna eu justo sodales lacinia quis at turpis. Sed blandit lorem eu velit tempus, id ornare arcu fringilla.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet ipsum placerat, dictum purus et, dignissim nunc. Nullam eget metus sed velit laoreet viverra eu a augue. Pellentesque quis nisi sed elit aliquet fermentum ut at augue. Quisque vitae elit accumsan, mattis magna id, bibendum dui.

Etiam vulputate lectus eget enim porttitor euismod. Aliquam eu nisl ultrices, aliquet tortor faucibus, convallis magna. Vestibulum tincidunt tellus tristique arcu ornare, a fringilla purus sollicitudin. Cras at dolor sed felis volutpat aliquet vel et enim.

Donec tempor nisl eget libero imperdiet auctor. Fusce egestas sem ac vulputate consectetur. Etiam sodales orci eget sapien sodales adipiscing. Ut euismod urna et sapien sollicitudin, sed convallis dui hendrerit. Aliquam in augue congue, consectetur est eget, gravida enim. Vivamus sed mi sit amet mauris semper ullamcorper. Proin in tortor vehicula, porttitor elit at, egestas mi. Nulla egestas ipsum nec turpis auctor, id suscipit nulla tempor. Mauris porttitor sapien eget nibh imperdiet, sed ultrices enim porta. Cras sit amet orci vulputate, tempus massa eget, rhoncus eros. Nulla dignissim mi in orci venenatis condimentum.

Integer feugiat neque in sem rutrum laoreet. Curabitur dapibus ipsum eu ligula dignissim scelerisque. Nullam accumsan lacus sit amet varius faucibus.

Phasellus sit amet odio sed leo laoreet consectetur. Duis euismod arcu sit amet scelerisque iaculis. Aenean venenatis neque non ipsum sollicitudin porta. Fusce vitae libero ac ipsum ultrices mollis. Cras bibendum erat rhoncus felis ultrices posuere. Phasellus non lacus convallis, ultrices purus eget, molestie risus. Morbi pulvinar elit a felis vulputate volutpat. Ut nec dui quis erat pellentesque interdum. Donec a ipsum vitae metus facilisis imperdiet in nec mi. Cras at nisi eget mauris dictum vehicula eu non massa.

Maecenas ultricies ante quis sodales accumsan. Pellentesque quis lacus laoreet, eleifend nisl sed, facilisis mauris. Sed faucibus risus nec pharetra euismod.

Aliquam posuere nisi ac consequat venenatis. Morbi et ligula a enim euismod lobortis. Maecenas consequat mi quis erat vehicula, vel egestas diam condimentum. Sed ultricies purus vitae est ornare vulputate. Proin egestas tortor sit amet venenatis posuere. Phasellus quis lectus sit amet libero tincidunt lobortis.

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