/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 votes391 views1 answer
Table overflow not working
CSS
0 vote370 views1 answer
Hide yunohost button on apps
CSS
0 vote368 views1 answer
Frontend to backend fetching
CSS
0 vote376 views1 answer
How to write h2so4 using html css
CSS
0 vote396 views1 answer
Vuetify width of textfield
CSS
0 vote355 views1 answer
Add shadow to iframe
CSS
0 vote327 views1 answer
Tailwind css absolute pin
CSS
1 vote351 views1 answer
Spaces between letters css
CSS
9 votes363 views4 answers
Css animation shorthand
CSS
0 vote392 views1 answer
Force keyboard to hide android programmatically
CSS