/CSS/.sidebar { --offset: 2rem; flex-grow: 1; flex-basis: 300px; align-self: start; position: sticky; top: var(--offset); }

.sidebar { --offset: 2rem; flex-grow: 1; flex-basis: 300px; align-self: start; position: sticky; top: var(--offset); }

/* Sticky Sidebar */
.sidebar {
  --offset: 2rem;
  flex-grow: 1;
  flex-basis: 300px;
  align-self: start;
  position: sticky;
  top: var(--offset);
}

Source: css-tricks.com

Similar codes

0 vote395 views1 answer
How to create wave like border
CSS
0 vote407 views1 answer
Use PurifyCSS with hugo
CSS
0 vote329 views1 answer
Morphism box shadow
CSS
22 votes355 views4 answers
Css center in grid
CSS
1 vote383 views1 answer
No li style
CSS
0 vote341 views1 answer
How to make tet itali in css
CSS
0 vote352 views1 answer
Background color in hex css
CSS
0 vote347 views5 answers
Style
CSS
0 vote390 views1 answer
Css mobile friendly
CSS
1 vote345 views1 answer
Overflow: scroll displaces the inline element
CSS