javascript - 使内容不可滚动的CSS代码

Question

我想将固定行显示为可滚动表中的最后一行。该行可以在表格之外但固定在表格中，并且当用户滚动表格时它不应该滚动。我尝试使用下面的 css 代码但无法解决问题。以红色突出显示的行我想让它固定，当用户滚动时它不应该滚动并且应该被看到。

CSS 代码:

 #foo {
      position: absolute;
      bottom: 0;
      background: red;
    }

Answer 1

也许是这个？

#foo {
  position: sticky;
  bottom: 0;
  background: red;
}