/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 vote158 views1 answer
Box shadow 2 sides only Clip path
CSS
4 votes153 views1 answer
Png shadow css
CSS
0 vote162 views1 answer
Flex align self
CSS
0 vote114 views1 answer
Scss add class to body
CSS
9 votes153 views2 answers
Textview center text
CSS
0 vote174 views10 answers
How to create a snake game in html css js
CSS
0 vote156 views1 answer
How to make a text in center with background color in css
CSS
0 vote158 views1 answer
Override vuetify container width
CSS
5 votes301 views2 answers
Materialize css cdn
CSS Materialize
0 vote162 views3 answers
Slick slider and ACF Pro in WordPress
CSS