/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

99 votes373 views3 answers
Position property css
CSS
5 votes339 views1 answer
How to make text not highlightable css
CSS
0 vote355 views1 answer
Input text only css
CSS
0 vote332 views1 answer
Trim background image css
CSS
1 vote325 views2 answers
How to reverse array of object
CSS
0 vote307 views1 answer
Css feather border
CSS
-1 vote373 views2 answers
Css clip path text
CSS
0 vote321 views1 answer
Content visability auto
CSS
0 vote310 views1 answer
How to make textbox shorter in html
CSS
0 vote371 views1 answer
Vertical align x horizontal
CSS