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