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. Sed vel dolor tempus, imperdiet erat in, varius orci. Aenean venenatis neque non ipsum sollicitudin porta. Quisque consectetur lorem sit amet nisi porttitor, sed bibendum nunc sodales. Duis dapibus nisi ut ante tincidunt ultrices. Vivamus at turpis luctus metus commodo fermentum. Nam cursus urna sit amet lacus laoreet, pulvinar laoreet lectus lobortis.

Suspendisse ac risus nec velit faucibus pellentesque sit amet ac ipsum. Curabitur tristique ligula ut elit luctus convallis. Phasellus nec neque sed eros lobortis elementum eget quis elit.

Duis feugiat orci quis tempor faucibus. Etiam eu dolor eget arcu sodales posuere sit amet in dolor. Vivamus ac leo mollis, posuere sapien id, accumsan sapien. Suspendisse vitae ipsum tempus, accumsan ante vel, venenatis erat. Aliquam in augue congue, consectetur est eget, gravida enim. Quisque fermentum enim nec felis scelerisque sodales. Curabitur eu nisl in tortor lacinia suscipit eu quis nulla. Vestibulum eu lectus non nunc vehicula blandit. Cras sed neque sed lectus aliquam viverra vestibulum in ligula. Ut eu leo at libero tempor blandit. Sed et nisi ut ante auctor aliquet nec vel velit. Cras pulvinar nibh vitae tellus pharetra dapibus.

Vestibulum ut nulla nec turpis pulvinar sodales sed vel purus. Etiam fermentum erat quis adipiscing ornare. Vivamus ac leo mollis, posuere sapien id, accumsan sapien. In feugiat lacus et velit ultrices volutpat. Integer suscipit risus sed nisi sodales imperdiet eu id est. Aliquam dapibus metus vitae libero sollicitudin, vel sodales sapien tristique.

Duis dapibus nisi ut ante tincidunt ultrices. Proin molestie libero ac risus pellentesque mollis. In ullamcorper lectus in aliquet pellentesque.

Quisque ac turpis sit amet nibh ultricies egestas quis quis neque. In nec tellus at neque malesuada malesuada et sed nibh. Phasellus vel neque nec eros rutrum placerat at non neque. Nulla feugiat orci non libero ultrices dignissim. Aliquam viverra eros quis cursus sagittis. Cras et velit in ante gravida elementum et molestie ipsum. Sed blandit lorem eu velit tempus, id ornare arcu fringilla. Quisque fermentum enim nec felis scelerisque sodales. Praesent at ante quis urna aliquam tristique. Cras quis nisl mattis, pharetra metus at, mattis magna.

Morbi egestas ipsum sit amet lorem porttitor eleifend. Mauris facilisis felis eu nunc auctor, ac porttitor ante pellentesque. Integer rutrum neque et massa aliquet ultricies. Nam eget mi ut risus fermentum fringilla. Donec egestas erat eget ante suscipit, vitae iaculis neque sollicitudin. Aenean vehicula arcu in imperdiet posuere. Proin ut lacus ac mi sollicitudin interdum. Cras bibendum erat rhoncus felis ultrices posuere.

Maecenas blandit orci convallis mi accumsan, sed venenatis orci accumsan. Duis accumsan nibh sed orci lobortis imperdiet. Vivamus ac leo mollis, posuere sapien id, accumsan sapien. Vestibulum non urna in felis lobortis vestibulum. Duis at mauris et turpis convallis gravida sit amet quis lectus. Aliquam posuere nisi ac consequat venenatis. Mauris a velit eget odio sollicitudin laoreet.

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