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