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