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