Как избавиться от артефактов, отображаемых при прокрутке стола с липким заголовком? ⇐ CSS

[Anonymous]

Используя Bootstrap 5, я написал таблицу HTML с прокручиваемым контентом и «липким» заголовком. Я также использовал классы CSS Bootstrap для стилизации таблицы.

Код: Выделить всё

html,
body {
height: 100%;
}

body {
font-size: 1.5em
}< /code>
[*]

 Header




Header 1
Header 2
Header 3
Header 4




Content 1
Content 2
Content 3
Content 4


Content 1
Content 2
Content 3
Content 4


Content 1
Content 2
Content 3
Content 4


Content 1
Content 2
Content 3
Content 4




Footer
< /code>
< /div>
< /div>
< /p>
Но когда контент прокручивается хромом: < /p>
[list]
TD

Cell Borders Move Over заголовок
[*] Вернувшись к своему началу, «прокладка» появляется между заголовком и верхней границей, как показано здесь:
[/list]

Я что -то пропустил, или это известное поведение?

Подробнее здесь: https://stackoverflow.com/questions/797 ... r-is-scrol