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