/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 votes347 views1 answer
Move button in CSS
CSS
0 vote293 views1 answer
Add css file through jquery
CSS
24 votes293 views2 answers
Text-overflow: ellipsis; 2 line
CSS
0 vote283 views1 answer
Enlarge ionicons css
CSS
0 vote257 views1 answer
Wordpress force https
CSS
0 vote281 views1 answer
How to change a checkbox to be selected
CSS
1 vote306 views2 answers
Css button border
CSS
5 votes300 views3 answers
Keep background image fixed during scroll using css
CSS
6 votes284 views2 answers
Update checkbox size css
CSS
0 vote290 views1 answer
Awesome font google icon colored css
CSS