Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
.layout { display: grid; grid-template-columns: 1fr 300px; gap: 2rem; align-items: start; /* Required for sticky to work */ } .sidebar { position: sticky; top: 80px; /* Distance from top of viewport when sticking */ max-height: calc(100vh - 80px); overflow-y: auto; } .content { /* Scrolls normally */ }
Result
Open