添加滚动条而不会破坏响应性

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;