/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 vote151 views1 answer
How to display a header in the center of the column in css
CSS
2 votes135 views2 answers
How to give 2 different background color css
CSS
5 votes136 views2 answers
Overflow dots css
CSS
20 votes139 views3 answers
Gradient border with border radius
CSS
24 votes144 views2 answers
Text-overflow: ellipsis; 2 line
CSS
0 vote247 views2 answers
Bulma uppercase
CSS Bulma
0 vote140 views1 answer
Css 2 divs nebeneinander
CSS
0 vote193 views1 answer
Ngrok host header change
CSS
4 votes143 views2 answers
Laravel enum column
CSS
0 vote136 views1 answer
Css pseudo-class no children
CSS