/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 votes81 views1 answer
Css last character
CSS
61 votes105 views6 answers
Center text in css
CSS
0 vote116 views1 answer
CSS style all div elements
CSS
1 vote119 views1 answer
Css width fit to content
CSS
10 votes113 views10 answers
Fortnite
CSS
0 vote148 views1 answer
Css tips and tricks to handle the complicated stuffs in design part which is helpfull to handle at tha critical time and to deliver requirement to the client to the main resource
CSS
-1 vote102 views1 answer
Css tricks
CSS
2 votes108 views3 answers
Placeholder color default
CSS
0 vote116 views1 answer
How to access a value defined in the application.properties file in Spring Boot
CSS
0 vote101 views1 answer
Understanding 'space' in css selector
CSS