/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

12 votes209 views3 answers
Css background image size fit screen
CSS
1 vote130 views1 answer
Li only showing first bullet
CSS
0 vote137 views1 answer
RichText.Content add className
CSS
1 vote147 views3 answers
Jquery set div height dynamically
CSS
-1 vote171 views3 answers
How to align list to the centre in css
CSS
1 vote144 views3 answers
Css profile picture round
CSS
1 vote143 views1 answer
Outline bottom css
CSS
6 votes146 views5 answers
Remove line from a href css
CSS
73 votes140 views5 answers
Border-radius
CSS
0 vote101 views1 answer
Responsive slider with text animation codepen
CSS