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 eu est ut diam aliquam eleifend sed eget neque. Cras tincidunt ipsum et scelerisque ultrices. Morbi scelerisque mi non tellus vestibulum, a rutrum tellus porttitor. Vivamus euismod nibh ut eros vehicula lacinia. Quisque feugiat sem nec nisi sodales ullamcorper.

Ut nec dui quis erat pellentesque interdum. Pellentesque eu mauris consectetur, accumsan leo in, venenatis nisi. Cras in ante et erat porta luctus.

Nunc non turpis eu eros tincidunt vestibulum in id purus. Maecenas quis lorem hendrerit, vulputate nulla et, mollis risus. Suspendisse quis justo et tellus mollis suscipit ut sed metus. Fusce pulvinar nisi nec leo lobortis, quis rutrum eros feugiat. Aliquam quis arcu non magna aliquam iaculis. Nam laoreet sapien ac odio ullamcorper posuere. Phasellus molestie massa id posuere cursus. Nunc non justo ultricies, tristique libero vitae, ornare odio.

Duis feugiat orci quis tempor faucibus. Aliquam lobortis elit laoreet, pharetra quam ut, fermentum nisl. In vel dui in mauris eleifend luctus. Vivamus at turpis luctus metus commodo fermentum. Pellentesque faucibus lacus ac adipiscing fringilla. Praesent in purus dignissim, malesuada orci vitae, lacinia dolor. Vivamus ac leo mollis, posuere sapien id, accumsan sapien. Vivamus ac tellus vitae nibh dapibus vulputate vitae quis urna. Nunc vitae metus nec nulla iaculis dictum nec in nunc. Vestibulum et odio dictum, elementum augue non, volutpat sapien.

Vestibulum sit amet orci ac nulla blandit vestibulum. Cras sit amet eros eget augue ornare posuere ac vel odio. Phasellus varius justo viverra, scelerisque nunc vitae, dapibus lorem. In nec tellus at neque malesuada malesuada et sed nibh. Integer suscipit risus sed nisi sodales imperdiet eu id est. Phasellus varius justo viverra, scelerisque nunc vitae, dapibus lorem. Duis accumsan nibh sed orci lobortis imperdiet. Pellentesque ac sapien luctus est pellentesque cursus sed vitae lectus. Proin eget est eu ante venenatis iaculis.

Morbi varius dui non nulla pretium, at auctor augue sollicitudin. Quisque consectetur lorem sit amet nisi porttitor, sed bibendum nunc sodales. Nunc eu mauris ac felis sodales lacinia. Nulla egestas ipsum nec turpis auctor, id suscipit nulla tempor. Aliquam dapibus nulla condimentum, egestas risus eget, rutrum leo. In at augue ullamcorper, pellentesque arcu aliquet, ullamcorper turpis. Etiam et odio sit amet massa aliquam convallis. Nullam interdum tortor sit amet lacinia auctor.

Proin vitae ipsum et nisl tristique posuere. Nullam eu tortor vitae turpis malesuada aliquam. Etiam tristique leo at arcu tempus, in dapibus dui tempor. Vestibulum porta justo a velit porttitor tincidunt. Fusce tristique est non ligula iaculis, et accumsan neque euismod. Aenean at dolor aliquet nisl feugiat dignissim. Integer congue sapien id nibh mattis interdum. Curabitur dapibus ipsum eu ligula dignissim scelerisque. Mauris sit amet tellus eget neque gravida volutpat.

Pellentesque sit amet urna eget nisl luctus tristique at non odio. Duis consectetur est eget mi consectetur, sed dignissim mauris lacinia. Aenean venenatis neque non ipsum sollicitudin porta. Maecenas vestibulum lectus eu dui elementum, non porta magna dictum. Mauris rhoncus leo id enim venenatis consequat. Proin nec ligula nec libero tristique ornare. Donec varius magna nec ante vehicula pulvinar.

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