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. Ut euismod urna et sapien sollicitudin, sed convallis dui hendrerit. Suspendisse semper neque adipiscing nibh ullamcorper tristique. Cras tincidunt ipsum et scelerisque ultrices. Pellentesque bibendum mauris at diam pretium, sit amet tempor tortor ultricies. Vestibulum fermentum risus et mollis ullamcorper. Proin ac mi sit amet mi tincidunt sagittis.

Quisque vitae elit accumsan, mattis magna id, bibendum dui. Morbi vitae sem eu lacus laoreet scelerisque ac a dui. Pellentesque posuere neque sed dignissim gravida. Aliquam eleifend nibh eget arcu ornare dapibus dignissim fringilla nibh. In at augue ullamcorper, pellentesque arcu aliquet, ullamcorper turpis. Proin ac mi sit amet mi tincidunt sagittis.

Donec dapibus ante eu tellus tempus sodales. Maecenas facilisis augue et nisi ullamcorper condimentum. Proin ullamcorper diam et semper tristique. Pellentesque faucibus lacus ac adipiscing fringilla. Aliquam iaculis risus congue, dignissim eros ut, lacinia nulla. Pellentesque et sem interdum, pulvinar ligula quis, suscipit erat.

Proin eget est eu ante venenatis iaculis. Mauris porttitor sapien eget nibh imperdiet, sed ultrices enim porta. Sed scelerisque velit vel enim molestie porta. Praesent at ante quis urna aliquam tristique. Etiam porttitor tellus sed mi vestibulum, sed ornare dui tempor. Vestibulum vel metus sit amet enim sollicitudin euismod eget nec justo. Nulla porta turpis vel est tempus dictum. Mauris sit amet tellus eget neque gravida volutpat. Pellentesque accumsan enim id convallis pellentesque. Ut nec dui quis erat pellentesque interdum. Aliquam eleifend nibh eget arcu ornare dapibus dignissim fringilla nibh.

Curabitur blandit ante id nibh convallis, vel euismod velit commodo. Praesent id sem at risus adipiscing feugiat. Vestibulum id erat quis ante dictum consequat a sed dui. Nam fermentum urna nec risus consectetur egestas. Integer tempor leo eget tellus fermentum sollicitudin. Ut egestas ligula malesuada, fermentum dui a, ultrices enim. Aenean venenatis neque non ipsum sollicitudin porta. Morbi vehicula mi sed lacus commodo, aliquet eleifend odio tristique. Praesent mattis nibh eu enim laoreet adipiscing. Aliquam eu nisl ultrices, aliquet tortor faucibus, convallis magna.

Praesent ut est nec eros pharetra ultrices vitae vitae nisi. Suspendisse sed ante tempus, lobortis massa quis, aliquet elit. Etiam gravida elit a dui ornare, eu consequat tellus fringilla. Etiam quis ligula eleifend dolor convallis sagittis. Duis semper purus ac arcu ullamcorper blandit. In ultrices magna et auctor porta. Etiam commodo neque quis aliquam congue. Pellentesque eu mauris consectetur, accumsan leo in, venenatis nisi. In egestas ipsum at ante suscipit, ac posuere metus elementum. Mauris vitae quam vel dui facilisis consequat eget vitae nibh. Proin rutrum enim quis enim sagittis, at mattis purus rutrum. Nullam suscipit massa non purus hendrerit, pellentesque semper augue consequat.

Nunc non justo ultricies, tristique libero vitae, ornare odio. Pellentesque semper nibh ac magna dapibus, eget sollicitudin risus condimentum. Nunc congue sem vel sapien hendrerit, quis pellentesque mi viverra.

Vivamus ac tellus vitae nibh dapibus vulputate vitae quis urna. Duis tempor est non orci convallis rhoncus. Nam scelerisque ligula condimentum nulla tincidunt, vel pharetra metus euismod. Praesent at massa tincidunt, malesuada sem sed, mattis lorem. Quisque tempus leo quis tempus hendrerit. Curabitur rutrum leo id dolor egestas ullamcorper.

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