We can use sticky
class when using tailwind to make an element fixed on screen while the parent element is visible.
Code:
<div class="relative">
<h1 class="sticky top-0">Element</h1>
</div>
CSS Equivalent:
.parent-element {
position: relative;
}
.element {
position: sticky;
top: 0;
}
Visual example: https://www.w3schools.com/howto/howto_css_sticky_element.asp