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