/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 vote132 views2 answers
Css animation png
CSS
95 votes127 views6 answers
Drop shadow css
CSS
3 votes129 views3 answers
Change br height
CSS
0 vote140 views1 answer
Align icon to top right corner of div
CSS
116 votes138 views6 answers
@media screen and (max-width
CSS
0 vote123 views1 answer
How to make textbox shorter in html
CSS
0 vote131 views1 answer
Unable to select text in website css cursor type
CSS
1 vote131 views1 answer
Corona.html:61 Uncaught ReferenceError: $ is not defined
CSS
0 vote133 views1 answer
Target element pseudo-classes
CSS
0 vote133 views3 answers
Bulma lowercase
CSS