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