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