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