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