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