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