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