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. Phasellus eleifend massa at euismod rutrum. Phasellus sit amet odio sed leo laoreet consectetur. In nec tellus at neque malesuada malesuada et sed nibh. Ut egestas magna sed ipsum faucibus pellentesque. Duis at mauris et turpis convallis gravida sit amet quis lectus. Ut molestie urna ut nulla hendrerit, in dictum odio consectetur. Ut nec massa a nulla tempor volutpat sed et purus. Donec euismod purus id blandit faucibus. Ut hendrerit neque ut tellus lobortis, at volutpat ipsum tincidunt. Sed mattis augue ut blandit eleifend. Fusce tristique est non ligula iaculis, et accumsan neque euismod.
Donec ac erat non lectus sollicitudin luctus imperdiet eu velit. Aliquam dapibus metus vitae libero sollicitudin, vel sodales sapien tristique. Sed vehicula est non massa porttitor interdum.
Suspendisse semper neque adipiscing nibh ullamcorper tristique. Donec semper arcu eget porta accumsan. Etiam vulputate lectus eget enim porttitor euismod. Nullam vel lectus tincidunt, iaculis mi eget, rhoncus velit. Phasellus nec neque sed eros lobortis elementum eget quis elit. Sed in nulla in nibh sollicitudin consectetur sed vel mauris. Maecenas blandit orci convallis mi accumsan, sed venenatis orci accumsan.
Proin non tortor venenatis nisl condimentum viverra sit amet eu ligula. Integer iaculis purus sed congue porta. Duis varius felis nec lectus ornare ultricies. Sed eu est ut diam aliquam eleifend sed eget neque.
Nam ut leo a tellus laoreet ornare at vel massa. Morbi ut massa a orci imperdiet euismod vel nec urna. Sed ultricies justo non diam vulputate, adipiscing dictum purus ullamcorper. Nulla dignissim mi in orci venenatis condimentum. Duis id lacus mollis, lacinia mauris eget, accumsan mi. Sed ultricies justo non diam vulputate, adipiscing dictum purus ullamcorper. Cras quis odio ac leo accumsan pharetra. In dapibus purus ultricies, porta sapien ac, tincidunt sapien.
Pellentesque semper nibh ac magna dapibus, eget sollicitudin risus condimentum. Sed sed mi facilisis, pellentesque ipsum at, viverra purus. Vivamus sed mi sit amet mauris semper ullamcorper. Praesent at massa tincidunt, malesuada sem sed, mattis lorem. In dapibus purus ultricies, porta sapien ac, tincidunt sapien.
In vitae purus vitae elit congue imperdiet vel sit amet dolor. Vivamus accumsan nisl adipiscing sem sollicitudin ultricies. Nunc at urna eleifend, tristique diam vel, posuere odio. Nunc aliquet lorem eu luctus dictum. Donec at massa id leo imperdiet tincidunt id at ipsum. Mauris elementum sem ac condimentum tempor. Vivamus sit amet lacus a justo venenatis pulvinar. Integer feugiat neque in sem rutrum laoreet. Vestibulum imperdiet neque id consectetur eleifend.
Quisque fermentum enim nec felis scelerisque sodales. Praesent mollis lacus sit amet tortor malesuada placerat. Etiam quis ligula eleifend dolor convallis sagittis. Duis id odio in mi ultricies ultricies. Mauris sit amet tellus eget neque gravida volutpat. Nunc sed velit mollis enim gravida malesuada. Nulla eu justo vitae diam bibendum volutpat vitae sit amet leo. Cras pulvinar nibh vitae tellus pharetra dapibus. Duis consectetur est eget mi consectetur, sed dignissim mauris lacinia. Quisque tempus leo quis tempus hendrerit. Duis at mauris et turpis convallis gravida sit amet quis lectus. Mauris sed dolor viverra, accumsan nisl ac, interdum metus.
Explore More Shortcodes
- Alert
- Animated Popular
- Animated Image
- Animated Scroll New
- Audio
- Badge
- Blockquote
- Blog
- Blur New
- Books
- Button
- Chart
- Clients
- Code
- Collapsibles
- Content Box
- Content Section Popular
- Counter
- Coupons
- Custom Post Type
- Definitions
- Device Mockups
- Divider Popular
- Dropcap
- Emphasis
- Events
- FAQ
- Filler
- Flip Box Popular
- Fullscreen Video
- Gallery Popular
- Google Docs Viewer
- Guests
- Heading
- Highlight
- Hover Box
- Horizontal Ruler
- Icon Popular
- Icon List
- If New
- Image
- Image Compare
- Jobs
- Label
- Lead
- Lightbox
- Locations
- Map
- Masonry
- Members
- Menu
- Post Meta Data
- Movies
- Music
- News
- Overlay Popular
- Panel New
- Parallax Scene Popular
- Permalink
- Person
- Popover
- Portfolio
- Post Fields
- Post Media
- Pricing Table
- Progress
- Project
- Promotional Box
- QR Code
- Quotes
- Recent Books
- Recent Clients
- Recent Coupons
- Recent Events
- Recent Jobs
- Recent Locations
- Recent Movies
- Recent Music
- Recent News
- Recent Portfolios
- Recent Posts
- Recent Projects
- Recent Quotes
- Recent Recipes
[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"]
