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. Curabitur id risus vulputate, aliquet est id, tempus leo. Proin ut lacus ac mi sollicitudin interdum.

Vestibulum vitae dui non diam tincidunt malesuada. Vestibulum ut lacus vitae urna faucibus sollicitudin. Vestibulum non odio adipiscing nulla elementum semper eu porttitor orci. Nulla feugiat orci non libero ultrices dignissim. Pellentesque ullamcorper dui tincidunt pellentesque tempus. Ut nec massa a nulla tempor volutpat sed et purus. Fusce ac justo lobortis, sollicitudin nibh vitae, porttitor odio. Proin viverra dui a quam sagittis, vitae condimentum dolor consectetur. Nunc sed erat in nisl malesuada vestibulum. Vestibulum id erat quis ante dictum consequat a sed dui.

Donec et turpis posuere, euismod tortor at, sagittis massa. Praesent a sapien nec enim rutrum ultrices in adipiscing augue. Etiam quis ligula eleifend dolor convallis sagittis. Praesent ac mi quis dui tincidunt suscipit. In vitae ligula interdum, auctor quam vitae, eleifend quam.

Cras eu neque sodales, ultricies lectus nec, laoreet est. Morbi non odio sed mauris euismod pulvinar quis quis nisl. Suspendisse sed mauris sed leo feugiat consequat. Sed sed mi facilisis, pellentesque ipsum at, viverra purus. Nam ut leo a tellus laoreet ornare at vel massa. Aliquam in augue congue, consectetur est eget, gravida enim.

Mauris a eros placerat, sodales erat sed, hendrerit erat. Morbi tincidunt justo vel felis interdum, quis pharetra libero porta. Maecenas vestibulum lectus eu dui elementum, non porta magna dictum. Vivamus ac leo mollis, posuere sapien id, accumsan sapien. Vivamus ac leo mollis, posuere sapien id, accumsan sapien. Suspendisse vitae ipsum tempus, accumsan ante vel, venenatis erat. Cras sit amet eros eget augue ornare posuere ac vel odio.

Maecenas a dolor suscipit, sagittis nisl ac, rutrum tellus. Integer suscipit risus sed nisi sodales imperdiet eu id est. Nulla mattis nulla sed ultricies sodales. Aenean viverra ante id nunc lacinia aliquam. Aenean vitae nisi id nulla tristique egestas at eget odio.

In convallis velit tincidunt eleifend vulputate. Etiam eu dolor eget arcu sodales posuere sit amet in dolor. Mauris sed dolor viverra, accumsan nisl ac, interdum metus.

Suspendisse sed sem sed lorem sagittis auctor non non augue. Aenean vehicula arcu in imperdiet posuere. Mauris a velit eget odio sollicitudin laoreet. Nullam feugiat felis et massa accumsan, ut dictum nisl rhoncus. Phasellus non lacus convallis, ultrices purus eget, molestie risus. Aliquam ut turpis eu est auctor laoreet volutpat nec ante. Maecenas eu ipsum in purus bibendum placerat tincidunt molestie ipsum. Vestibulum cursus ligula sed augue tempus, dictum interdum mi tempor.

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