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