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