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