/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

2 votes207 views1 answer
Circle div
CSS
16 votes301 views5 answers
Sass loops
CSS
0 vote185 views2 answers
Caching
CSS
15 votes221 views2 answers
How to make a div scrollable vertically
CSS
1 vote199 views2 answers
Show hidden message html
CSS
0 vote204 views1 answer
Css my body have margin top
CSS
0 vote243 views1 answer
Css shape-outside
CSS
19 votes212 views2 answers
How to underline font in css
CSS
0 vote279 views1 answer
Remove contact form 7 css
CSS
2 votes190 views2 answers
Css properties
CSS