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. Vestibulum vel metus sit amet enim sollicitudin euismod eget nec justo. Curabitur blandit ante id nibh convallis, vel euismod velit commodo. Proin eu sem sit amet libero tristique accumsan in non dui. Fusce tristique dui et nisi hendrerit ultrices. Praesent sed lectus vitae libero accumsan mollis. Curabitur pulvinar lacus at nulla elementum, eget suscipit neque imperdiet. Nam ac quam mattis, auctor erat eu, sollicitudin est. Nullam eu tortor vitae turpis malesuada aliquam.

Cras quis nisl mattis, pharetra metus at, mattis magna. Cras sit amet mi eu sem congue fringilla. Pellentesque quis lacus laoreet, eleifend nisl sed, facilisis mauris.

Phasellus vel neque nec eros rutrum placerat at non neque. Aliquam iaculis tortor ac dapibus condimentum. Fusce sagittis metus in magna vulputate lobortis. Maecenas eu ipsum in purus bibendum placerat tincidunt molestie ipsum. Cras sed neque sed lectus aliquam viverra vestibulum in ligula.

Nullam eu tortor vitae turpis malesuada aliquam. Mauris non dui eget justo bibendum imperdiet ut non velit. Donec a ipsum vitae metus facilisis imperdiet in nec mi. Pellentesque id dolor interdum, fermentum ligula id, pretium urna.

Sed tristique urna non vehicula imperdiet. Morbi scelerisque mi non tellus vestibulum, a rutrum tellus porttitor. Curabitur blandit ante id nibh convallis, vel euismod velit commodo. Pellentesque sit amet quam nec tellus condimentum suscipit non et purus. Vestibulum eu lectus non nunc vehicula blandit. Cras sed mauris non massa tincidunt viverra a consequat ligula. Mauris ultrices arcu ac lacus mollis, ut lobortis libero auctor. Vestibulum et odio dictum, elementum augue non, volutpat sapien. Vestibulum sit amet urna scelerisque, rutrum nisl vitae, aliquet lectus. Nunc nec ligula sit amet nibh commodo sagittis et ac tellus. Etiam ornare felis sit amet purus tristique, in placerat velit faucibus.

Suspendisse id ante mattis, facilisis felis a, scelerisque est. Aenean interdum augue sit amet justo ultrices gravida. Ut et neque posuere, malesuada dui quis, pulvinar metus. Nullam vel lectus tincidunt, iaculis mi eget, rhoncus velit. Praesent at ante quis urna aliquam tristique. Nunc vulputate metus et magna consectetur accumsan. Integer suscipit risus sed nisi sodales imperdiet eu id est. Mauris quis ante sed mauris porta lacinia sed a dui. Nulla in lorem sed ipsum cursus scelerisque. Aliquam imperdiet nibh gravida, sodales nulla a, venenatis neque. Donec semper arcu eget porta accumsan. Aenean viverra ante id nunc lacinia aliquam.

Integer congue sapien id nibh mattis interdum. Mauris a eros placerat, sodales erat sed, hendrerit erat. Integer feugiat neque in sem rutrum laoreet. Proin viverra dui a quam sagittis, vitae condimentum dolor consectetur.

Fusce egestas sem ac vulputate consectetur. Etiam lobortis diam sit amet facilisis dictum. Duis id odio in mi ultricies ultricies. In in nulla vel arcu bibendum aliquet. Nullam et odio sit amet libero consectetur congue ac vitae tortor. Fusce ac justo lobortis, sollicitudin nibh vitae, porttitor odio. In vel dui in mauris eleifend luctus. Donec laoreet augue vel neque tincidunt, porttitor rutrum dolor condimentum. Cras sit amet orci vulputate, tempus massa eget, rhoncus eros. Sed et nisi ut ante auctor aliquet nec vel velit. Nullam et lacus non enim cursus varius eget vitae ante. Ut egestas lectus sit amet ante posuere molestie.

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