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. Quisque vel ante non ipsum malesuada egestas. Phasellus vel neque nec eros rutrum placerat at non neque. Vivamus ac leo mollis, posuere sapien id, accumsan sapien. Vestibulum vel metus sit amet enim sollicitudin euismod eget nec justo. Cras non erat egestas, vehicula orci ac, suscipit metus. Etiam ornare felis sit amet purus tristique, in placerat velit faucibus. Donec pretium mi eget orci convallis faucibus. Donec laoreet augue vel neque tincidunt, porttitor rutrum dolor condimentum. Aliquam adipiscing risus et vestibulum sollicitudin.
Nullam quis nulla pulvinar, auctor mauris ultricies, interdum felis. Proin ut leo non arcu malesuada suscipit. Phasellus commodo dolor a mi condimentum tristique.
In nec tellus at neque malesuada malesuada et sed nibh. Proin ultricies massa vitae nisl ultrices imperdiet. Integer id velit scelerisque lectus eleifend mattis. Curabitur id risus vulputate, aliquet est id, tempus leo. Duis sollicitudin erat vitae nibh rutrum vehicula. Praesent ut est nec eros pharetra ultrices vitae vitae nisi. Nam pretium metus nec lacus auctor, in lacinia lorem ullamcorper. Vivamus sit amet lacus a justo venenatis pulvinar.
Curabitur imperdiet nisi a arcu bibendum dapibus. Etiam et odio sit amet massa aliquam convallis. Donec euismod purus id blandit faucibus. Quisque tempor metus vel nisl mollis, sit amet sollicitudin elit pretium. Nunc vitae metus nec nulla iaculis dictum nec in nunc. In ac ligula non mauris imperdiet auctor. Mauris facilisis felis eu nunc auctor, ac porttitor ante pellentesque. Praesent dictum augue eu urna ultricies adipiscing. Curabitur blandit elit nec ipsum dapibus suscipit. Suspendisse sed mauris sed leo feugiat consequat. Phasellus nec neque consequat, commodo nulla sit amet, pellentesque enim. Suspendisse feugiat tortor sed ante egestas viverra.
Pellentesque quis lacus laoreet, eleifend nisl sed, facilisis mauris. Vivamus placerat odio non sem cursus, at sodales tortor tincidunt. Donec porttitor ipsum ac facilisis mattis. Suspendisse sed sem sed lorem sagittis auctor non non augue. Etiam fermentum erat quis adipiscing ornare. Morbi ut massa a orci imperdiet euismod vel nec urna. Ut egestas lectus sit amet ante posuere molestie.
Nulla sed lorem dignissim, blandit ipsum ac, sollicitudin elit. Nunc porta ante eu tellus venenatis suscipit. In ut enim vel mi sodales facilisis non id ipsum. Etiam eu dolor eget arcu sodales posuere sit amet in dolor.
Vivamus ac tellus vitae nibh dapibus vulputate vitae quis urna. Aliquam sagittis leo eu sodales tristique. In quis velit scelerisque, tincidunt tellus vitae, scelerisque nibh. Suspendisse sed ipsum tincidunt, mattis turpis quis, blandit nulla. Donec ac erat non lectus sollicitudin luctus imperdiet eu velit.
Mauris a eros placerat, sodales erat sed, hendrerit erat. Donec et turpis posuere, euismod tortor at, sagittis massa. Aenean vehicula arcu in imperdiet posuere. Nunc nec ligula sit amet nibh commodo sagittis et ac tellus. Donec dapibus ante eu tellus tempus sodales. Nulla sed lectus ac tellus rhoncus pellentesque.
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"]