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. Nulla in lorem sed ipsum cursus scelerisque. Sed lacinia neque a nulla bibendum hendrerit. Etiam eget purus suscipit, ullamcorper orci eget, posuere purus. In in nulla vel arcu bibendum aliquet. Cras sed neque sed lectus aliquam viverra vestibulum in ligula. Donec at nunc a arcu congue posuere. Pellentesque elementum erat sed justo rhoncus eleifend. Sed non dolor posuere, malesuada turpis vitae, consequat lectus. Nulla in lorem sed ipsum cursus scelerisque.

Fusce vitae libero ac ipsum ultrices mollis. Cras in ante et erat porta luctus. Nunc porta ante eu tellus venenatis suscipit. Vestibulum id erat quis ante dictum consequat a sed dui. Vivamus sed mi sit amet mauris semper ullamcorper. Donec molestie urna ut velit facilisis fermentum. Phasellus nec neque sed eros lobortis elementum eget quis elit. Proin ut lacus ac mi sollicitudin interdum. Sed scelerisque velit vel enim molestie porta. Duis accumsan nibh sed orci lobortis imperdiet. Fusce egestas sem ac vulputate consectetur. Nullam accumsan lacus sit amet varius faucibus.

Donec at nunc a arcu congue posuere. Morbi sit amet eros id lectus ultricies euismod. Pellentesque eu mauris consectetur, accumsan leo in, venenatis nisi. Nunc vulputate metus et magna consectetur accumsan. Etiam pretium massa malesuada vestibulum volutpat. Nulla in lorem sed ipsum cursus scelerisque.

Sed at turpis sed justo tincidunt blandit. Morbi egestas ipsum sit amet lorem porttitor eleifend. Praesent feugiat tellus et nisi rhoncus, vel mattis quam laoreet.

Aliquam dapibus nulla condimentum, egestas risus eget, rutrum leo. Aenean vitae nisi id nulla tristique egestas at eget odio. Cras bibendum nunc et turpis facilisis, id porttitor est ultricies. Aenean quis nulla vel dolor blandit mattis et vel sem. Curabitur ullamcorper quam vel est imperdiet, a eleifend metus adipiscing. Vestibulum fermentum risus et mollis ullamcorper. Nullam mattis sapien commodo mauris elementum pulvinar. Praesent interdum est sed rutrum dapibus. Praesent lacinia ante vitae elementum adipiscing.

Donec feugiat justo sed odio accumsan, sit amet placerat tortor laoreet. Curabitur blandit elit nec ipsum dapibus suscipit. Nam eget mi ut risus fermentum fringilla. Phasellus tincidunt dolor a sapien fringilla lacinia. Etiam gravida elit a dui ornare, eu consequat tellus fringilla. Mauris a velit eget odio sollicitudin laoreet. Phasellus fermentum tellus vitae nisi adipiscing elementum. Curabitur et justo dignissim, tincidunt lacus a, tristique tortor. Mauris pharetra sem non nulla gravida, non condimentum enim tempus. Quisque molestie tortor quis enim suscipit convallis.

Mauris vitae quam vel dui facilisis consequat eget vitae nibh. Phasellus vel neque nec eros rutrum placerat at non neque. Mauris sit amet nibh sagittis, elementum metus et, facilisis massa. Nunc eu mauris ac felis sodales lacinia. Morbi pulvinar elit a felis vulputate volutpat. Nullam ornare tellus vitae accumsan suscipit. Vivamus sed mi sit amet mauris semper ullamcorper. Sed malesuada libero eget viverra tristique. Phasellus eu mi quis nibh consectetur auctor. Nunc sed velit mollis enim gravida malesuada. Nunc eu mauris ac felis sodales lacinia.

Suspendisse ac risus nec velit faucibus pellentesque sit amet ac ipsum. Proin vel orci mattis nunc ullamcorper gravida et viverra orci. Cras sit amet mi eu sem congue fringilla. Cras in ante et erat porta luctus.

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