【问题标题】:How to make scrollbar appear on modal when content is large, and disappear when content is small?内容大时如何让滚动条出现在模态框上,内容小时滚动条消失?
【发布时间】:2022-01-04 04:20:34
【问题描述】:

简介

我有一个 React 项目,其中有一个模态组件。这是它的外观(模态的内容无关紧要):

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

这是我将overflow-y 设置为scroll 时的样子,但内容量更大(如您所见,它是可滚动的):

问题

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

【问题讨论】:

    标签: css reactjs typescript


    【解决方案1】:

    您可以将overflow-y 设置为auto

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

    【讨论】:

      猜你喜欢
      • 2013-05-25
      • 2011-05-22
      • 2012-06-20
      • 2016-07-16
      • 1970-01-01
      • 1970-01-01
      • 2011-08-02
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多