Vue框架设置Tabs、Moda固定高度后，如何避免滚动条不显示？

本文共计602个文字，预计阅读时间需要3分钟。

Vue等框架对Tabs、Modal等设置固定高度后，没有滚动条。当弹窗不设置高度时，界面会根据内容自动扩充高度，内容过长时非常难看，需要设置固定高度，超出这个高度后出现滚动条。

vue等框架对Tabs、Moda等设置固定高度后没有滚动条

当弹窗不设置高度时，界面会根据内容自动扩充高度，内容过长时会非常难看，需要设置固定高度，当超出这个高度后悔出现滚动条。效果如下图：

其实很简单，在你需要控制高度的地方加上一行代码

style="height:400px;overflow-y:auto;overflow-x:hidden;"

以下为我加的位置：

是不是满足您的需求？

补充：vue 解决无法设置滚动位置的问题

问题描述

在实现锚点定位的时候发现无法设置滚动条的位置。

在Vue中，使用 document.body.scrollTop=952 无法设置滚动条的高度。

document.body.scrollTop一直是0

原因

因为vue的页面指定了DTD，即指定了DOCTYPE时，使用document.documentElement。

页面没有DTD，即没指定DOCTYPE时，使用document.body。