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

html5 • • 问答

我有一张桌子，当我向下滚动时，我希望第 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>
    <td>#</td>
    <td>3</td>
  </tr>
</table>

回答

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

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

以上是位置粘性适用于&lt;table&gt;但不适用于&lt;tr&gt;的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>
相关内容