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