位置粘性适用于 <table> 但不适用于 <tr>

Question

我有一张桌子，当我向下滚动时，我希望第 3 行保持在顶部。

body {
  height: 200vh;
}

.sticky {
  position: sticky;
  top: 0;
}

<table>
  <tr>
    <td>#</td>
    <td>1</td>
  </tr>
  <tr>
    <td>#</td>
    <td>2</td>
  </tr>
  <tr class="sticky">
    <td>#</td>
    <td>3</td>
  </tr>
</table>

我可以sticky在元素上使用该类<table>并且可以正常工作，但不能在<tr>.

Answer 1

你不能position: sticky;a<thead>也 a <tr>，但你可以粘 a <th>。

来源：https : //css-tricks.com/position-sticky-and-table-headers/