添加滚动条而不破坏响应能力

Question

我在保持响应页面时无法添加滚动条。 要将滚动条添加到数据表中，可以使用以下代码

"scrollY": "200px"

但这会将表格大小设置为200 px，而不是100％。 是否可以以某种方式使用变量，以便表格既可以填充区域，又可以为超出页面大小的项目提供滚动条？

Answer 1

您可以尝试"overflow-y" : "scroll" 。 像这样，在不需要时显示为灰色的滚动条，在需要时显示为普通的滚动条。 因此，如果布局出现/消失，它将不再打扰您的布局。

Answer 2

您可以使用

height: 100vh;

其他

height: calc(100vh - your other element's height);

在使用之后

overflow-y: auto;