在不破坏响应性的情况下添加滚动条

Question

我未能在保持响应页面的同时添加滚动条。要向我的数据表添加滚动条，我可以使用代码

"scrollY": "200px"

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

Answer 1

你可以使用

height: 100vh;

其他

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

之后使用

overflow-y: auto;

Answer 2

你可以试试"overflow-y" : "scroll"。像这样，在不需要时会出现一个灰色的滚动条，在需要时会出现一个正常的滚动条。因此，如果它出现/消失，将不再干扰您的布局。