The element is positioned according to the normal flow of the document, and then offset relative to its nearest scrolling ancestor and containing block.
Use .sticky-card-header
class with <Card>
.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur et accumsan justo, vitae lobortis nulla. Duis quam libero, consectetur at enim vel, aliquam sagittis ante. Donec rutrum imperdiet rhoncus. Aenean neque ligula, rutrum sit amet nibh in, lobortis rutrum tellus. Integer efficitur augue eu enim ornare dictum. Pellentesque consectetur nisi eu viverra eleifend. Pellentesque viverra ac velit a venenatis. Morbi condimentum ultricies neque, sed finibus elit fringilla in. Etiam vel ex ut nulla pretium bibendum eu eget nibh. Duis mattis aliquet ligula, ac commodo elit consequat id. Nulla dapibus lacinia massa at volutpat. Nullam ac leo est. Mauris mattis pulvinar venenatis.
Nunc faucibus elit in tristique laoreet. Donec cursus tellus vel eros euismod aliquam. Nunc at pharetra purus. Nunc sit amet ante risus. Donec ut bibendum justo. Nulla sit amet euismod eros. Aenean tristique, augue at faucibus placerat, tortor sem tincidunt nisi, id hendrerit tortor mi in nulla. Duis sed luctus ex.
Suspendisse quis mauris non purus gravida egestas. Quisque laoreet rutrum sem ac dapibus. Nunc interdum nibh sed elementum placerat. Integer rutrum odio sed quam gravida aliquet. Nam vel nunc in libero lacinia ultricies. Curabitur rutrum bibendum lacus eu semper. Sed euismod ipsum risus, eu auctor quam ullamcorper ac. Sed tempus facilisis tellus quis tempor. In feugiat nunc sit amet felis tincidunt, id rhoncus mi porta. Etiam luctus mi in hendrerit semper.
With supporting text below as a natural lead-in to additional content.
Use .sticky-table-header
class with table.
# | First Name | Last Name | Username | Role |
---|---|---|---|---|
1 | Jens | Brincker | Brincker123 | admin |
2 | Mark | Hay | Hay123 | member |
3 | Anthony | Davie | Davie123 | developer |
4 | David | Perry | Perry123 | supporter |
5 | Anthony | Davie | Davie123 | member |
6 | Alan | Gilchrist | Gilchrist123 | supporter |
# | First Name | Last Name | Username | Role |
---|---|---|---|---|
1 | Jens | Brincker | Brincker123 | admin |
2 | Mark | Hay | Hay123 | member |
3 | Anthony | Davie | Davie123 | developer |
4 | David | Perry | Perry123 | supporter |
5 | Anthony | Davie | Davie123 | member |
6 | Alan | Gilchrist | Gilchrist123 | supporter |