Липкий на странице без прокрутки

Question

Как на странице без прокрутки может быть элемент, который прикрепляется к вершине элемента div с overflow-y: scroll?

Пример:

Вы можно увидеть div, у которого есть таблица overflow-y: scroll. Теперь я хочу сделать заголовок таблицы прикрепленным к вершине родительского элемента div. Это вообще возможно? Также имейте в виду, что у div тоже может быть переполнение-x.

Надеюсь, вы мне поможете! Спасибо.

Answer 1

position: sticky; top: 0; 

Это поможет закрепить заголовок таблицы внутри контейнера переполнения. Например:

`<div class="table-container" style="overflow-y: scroll;">
    <div class="table-header style="position: sticky; top: 0;"></div>
    <div class="table-body"></div>
</div>
`