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