Sticky mat-toolbar

.app-toolbar {
    position: sticky;
    position: -webkit-sticky; /* For macOS/iOS Safari */
    top: 0; /* Sets the sticky toolbar to be on top */
    z-index: 1000; /* Ensure that your app's content doesn't overlap the toolbar */
}

Source: stackoverflow.com

Similar codes

0 vote74 views2 answers
Transparent circle in css
CSS
0 vote111 views1 answer
Control one swiper with other
CSS
161 votes120 views6 answers
Css bold text
CSS
0 vote141 views1 answer
Edge ontouchmove does not work correctly
CSS
3 votes125 views1 answer
Download css from website
CSS
19 votes138 views5 answers
Css opacity background color
CSS
0 vote128 views1 answer
.sidebar { --offset: 2rem; flex-grow: 1; flex-basis: 300px; align-self: start; position: sticky; top: var(--offset); }
CSS
-1 vote128 views3 answers
Css counter
CSS
-1 vote110 views1 answer
Css blur gradient
CSS
0 vote129 views1 answer
Set number word to new line html
CSS