/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 vote235 views1 answer
Float: down css
CSS
0 vote222 views1 answer
Hovered one element change styles for another css
CSS
0 vote223 views1 answer
Colour button link
CSS
8 votes259 views5 answers
Box bottom shadow css
CSS
0 vote244 views5 answers
Sweetalert to small bootstrap
CSS Bootstrap
1 vote242 views1 answer
Css scrollbar always visible
CSS
0 vote229 views2 answers
Background image syntax in css if it in folder
CSS
0 vote221 views1 answer
Html same width as parent
CSS
1 vote222 views1 answer
Place-items css property
CSS
0 vote224 views1 answer
Focus in styled component
CSS