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