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