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