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