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