A simple Tailwind layout to create a sticky sidebar and scrollable content next to it.
<div class="flex">
<aside class="h-screen sticky top-0">
// Fixed Sidebar
</aside>
<main>
// Content
</main>
</div>
We're a place where coders share, stay up-to-date and grow their careers.
A simple Tailwind layout to create a sticky sidebar and scrollable content next to it.
<div class="flex">
<aside class="h-screen sticky top-0">
// Fixed Sidebar
</aside>
<main>
// Content
</main>
</div>
For further actions, you may consider blocking this person and/or reporting abuse
Pavel KĹ™ĂĹľ -
Paulo Ricardo F. S. Junior -
Helitha Rupasinghe -
Sendil Kumar -
Once suspended, dimer191996 will not be able to comment or publish posts until their suspension is removed.
Once unsuspended, dimer191996 will be able to comment and publish posts again.
Once unpublished, all posts by dimer191996 will become hidden and only accessible to themselves.
If dimer191996 is not suspended, they can still re-publish their posts from their dashboard.
Discussion (4)
Thank you, sticky worked for me
How do I do exactly the opposite?
I want a scrollable sidebar and a "sticky" content
I have:
`
But actually this thing scrolls the main content along with the sidebar
Thanks! Exactly what I was looking for.
👍Thank you