/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 vote146 views1 answer
To make card box appear more bigger when hover
CSS
1 vote165 views1 answer
Show hide item based on display size
CSS
36 votes149 views2 answers
Css translate x and y
CSS
0 vote267 views1 answer
Bouton darkmode
CSS
0 vote155 views3 answers
Sass color functions
CSS
0 vote149 views1 answer
Css nesting
CSS
2 votes163 views4 answers
Css image sharpen
CSS
0 vote159 views1 answer
Selectors combinators css
CSS
0 vote224 views1 answer
How to view only downloading speed in du meter
CSS
1 vote155 views1 answer
Gatsby hide scrollbar
CSS