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