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