/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

2 votes315 views2 answers
Xcel turn off scrool lock
CSS
0 vote320 views1 answer
When change size image not change contrast css
CSS
8 votes398 views3 answers
Bootstrap file upload
CSS Bootstrap
9 votes323 views2 answers
Semibold css
CSS
1 vote347 views1 answer
No li style
CSS
1 vote326 views2 answers
Round one side of div css
CSS
1 vote316 views1 answer
How do I vertically center text with CSS?
CSS
0 vote301 views1 answer
Css calc vw minus px
CSS
1 vote343 views1 answer
Mini-css-extract-plugin
CSS
1 vote324 views2 answers
Inline border css reactjs
CSS