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