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