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