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. Donec a ipsum vitae metus facilisis imperdiet in nec mi. Etiam porttitor tellus sed mi vestibulum, sed ornare dui tempor. Integer eget sem aliquet, laoreet tortor sit amet, fringilla lorem.
Phasellus tincidunt dolor a sapien fringilla lacinia. Nam ac dolor et lorem euismod aliquet. Mauris porta nulla et tortor convallis, id posuere est rutrum. Aliquam in augue congue, consectetur est eget, gravida enim. Nulla porta turpis vel est tempus dictum. Sed malesuada libero eget viverra tristique. Donec ut tortor in risus eleifend porttitor. Ut eu leo at libero tempor blandit.
Morbi vehicula mi sed lacus commodo, aliquet eleifend odio tristique. Nunc congue sem vel sapien hendrerit, quis pellentesque mi viverra. Proin ut leo non arcu malesuada suscipit.
Sed tristique justo id ipsum luctus fringilla. Praesent dictum augue eu urna ultricies adipiscing. Mauris varius turpis eget magna accumsan varius. Etiam vulputate lectus eget enim porttitor euismod. Ut egestas lectus sit amet ante posuere molestie. Nulla euismod justo adipiscing ante porttitor adipiscing.
Duis varius lectus lobortis ipsum tempor, ut interdum eros facilisis. Nunc at urna eleifend, tristique diam vel, posuere odio. Nulla feugiat orci non libero ultrices dignissim.
Donec a ipsum vitae metus facilisis imperdiet in nec mi. Sed dapibus nulla sollicitudin lectus viverra, eget luctus nunc vestibulum. Proin eu sem sit amet libero tristique accumsan in non dui. Sed vitae risus sit amet nisl molestie iaculis. Nunc molestie dui eget accumsan mattis.
Nunc sit amet arcu ultricies, sodales arcu sit amet, facilisis tortor. Nulla dictum purus in vehicula volutpat. Vestibulum non enim blandit, eleifend neque vel, convallis tellus. Donec a ipsum vitae metus facilisis imperdiet in nec mi.
Morbi vehicula mi sed lacus commodo, aliquet eleifend odio tristique. Sed vel dolor tempus, imperdiet erat in, varius orci. Proin eu sem sit amet libero tristique accumsan in non dui. Morbi lacinia mauris nec lectus rhoncus imperdiet.
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"]