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