/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

25 votes207 views4 answers
Visibility
CSS
1 vote226 views2 answers
Media min height css
CSS
0 vote192 views1 answer
Css print landscape
CSS
8 votes222 views2 answers
How to add border in css
CSS
60 votes206 views3 answers
Media query for mobile view css
CSS
8 votes196 views2 answers
Center image with position absolute
CSS
0 vote226 views2 answers
How do img with same
CSS
0 vote223 views1 answer
Aplicar padding a sombra
CSS
0 vote204 views1 answer
Red asterix css
CSS
2 votes183 views1 answer
How to center with position fixed
CSS