/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

4 votes288 views3 answers
Block zoom js mobile
CSS
0 vote293 views1 answer
Faire rectangle qui prend toute la largeur css
CSS
2 votes240 views1 answer
Css content space
CSS
0 vote250 views1 answer
Skip main content - keyboard accessible buttons on navbar - css
CSS
0 vote264 views1 answer
~@danielmoncada/angular-datetime-picker/assets/style/picker.min.css"
CSS
29 votes282 views4 answers
How to remove underline of link in css
CSS
8 votes279 views1 answer
Align in the middle of page html
CSS
3 votes317 views1 answer
Vh and vw
CSS
0 vote305 views1 answer
Textauswahl deaktivieren
CSS
3 votes269 views3 answers
Htaccess return 404
CSS