内容大时如何让滚动条出现在模态框上，内容小时滚动条消失？

Question

简介

我有一个 React 项目，其中有一个模态组件。这是它的外观（模态的内容无关紧要）：

这是我将overflow-y设置为scroll时的样子，并且内容很小（如您所见，模态右侧有一个小插图）：

这是我将overflow-y 设置为scroll 时的样子，但内容量更大（如您所见，它是可滚动的）：

问题

如何摆脱第二张图片中显示的小插图，同时仍将overflow-y 设置为scroll。也就是说，如何配置让内容小时没有滚动条，内容大时有滚动条？

Answer 1

您可以将overflow-y 设置为auto

这将使滚动条仅在内容很长并且需要滚动条时出现，否则滚动条将不存在。