Is it possible to "stick" the table header when scrolling the page?

Question

css

Good day everyone.
There was a need when scrolling the page (namely the page, not the table), so that the table header sticks to the top of the page while part of the table is on the screen, and when the table leaves (the whole is scrolled, then other elements follow), then the header should go. There can also be other elements before the table - until they are displayed and the scroll has not reached the table, then the header should be in its place - above the table.
Table: table, tbody, tr (the header just goes into tr, not standing out from the rest of the fields, but this tr has an id)
If it's not quite clear, please ask clarifying questions.
I will be grateful both for solutions and for tips in the direction of finding a solution.

Answer 1

tympanus.net/codrops/2014/01/09/sticky-table-header...