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>
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
Cloudmetic -
Elisabeth Leonhardt -
Karim Elghamry -
Boris Martinovic -
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.
Once unpublished, this post will become invisible to the public and only accessible to Dimer Bwimba.
They can still re-publish the post if they are not suspended.
Thanks for keeping DEV Community safe. Here is what you can do to flag dimer191996:
Unflagging dimer191996 will restore default visibility to their posts.
Top comments (5)
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
Thank you, but not worked for me :(
another code :
Not worked !
Thanks! Exactly what I was looking for.
πThank you