<div class="sticky inset-x-0 top-0 left-0 bg-gray-400 py-5">Menu</div>
We're live on Product Hunt with Material-UI Builder (read more). All Tailwind Builder users can use it for FREE ❤️
← Tailwind CSS classes list
Tailwind CSS class: .sticky
Preview
CSS source
.sticky {
position: sticky;
}More in Tailwind CSS Positioning
- .align-*
- .clear-left
- .clear-right
- .clear-both
- .clear-none
- .clearfix
- .float-*
- .inset-y-0 / .inset-*-#
- .top-0 / .top-*
- .left-0 / .left-*
- .right-0 / .right-*
- .bottom-0 / .bottom-*
- .object-center
- .object-bottom
- .object-left
- .object-left-bottom
- .object-left-top
- .object-right
- .object-right-bottom
- .object-right-top
- .object-top
- .object-contain / .object-*
- .z-10 / .z-*
- .static
- .relative
- .absolute
- .fixed
Create Tailwind templates in minutes ⚡