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