position: sticky
A stickily positioned box is positioned similarly to a relatively positioned box, but the offset is computed with reference to the nearest ancestor with a scrolling box, or the viewport if no ancestor has a scrolling box. 6.2. Sticky positioning
Links about position: sticky
Fixed Table Headers
Related A Responsive Accessible Table Hey, It’s Still OK to Use Tables Keyboard and Overflow
Tags:Position Sticky and Table Headers | CSS-Tricks
You can’t position: sticky; a . Nor a . But you can sticky a , which means you can make sticky headers inside a regular ol’ . This is tricky stuff,
Tags:
Code sample
header {
position: sticky;
}
Explore other pages
- grid-template-columns
Specifies the track list for the grid’s columns.
- svg
SVG is a language for describing two-dimensional graphics.
- list-style-type
Specifies a list item’s marker.
- scroll-margin
Represents outsets defining the scroll snap area that is used for snapping this box to the snapport.