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