Fixed sidebar - scrollable content

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>

Comments

[ArchyScript]

Thank you, sticky worked for me

[Luis F. Franco]

How do I do exactly the opposite?
I want a scrollable sidebar and a "sticky" content
I have:

<div class="flex w-full">
    <aside class="h-screen">
        ...
    </aside>
    <div class="sticky top-0 h-screen">
        ...
    </div>
</div>

`

But actually this thing scrolls the main content along with the sidebar

[Jean Moreau]

Thanks! Exactly what I was looking for.

[Esteban Arango Medina]

👍Thank you