如何在 Ant Design 模态组件主体旁边启用滚动条？

Question

我有一个内容很长的模态。我需要在模式内有一个内部滚动条，但文档中没有相关信息

 <Modal
        title={<Typography style={{color:'#2e186a'}}>FAQ</Typography>}
        centered
        visible={openFaq}
        onOk={() => setopenFaq(false)}
        onCancel={() => setopenFaq(false)}
        width={1000}
        footer={false}
        
      >
       {Content}
      </Modal>  

欢迎任何帮助。谢谢

Answer 1

您需要在bodyStyle属性中提供 maxHeight 选项，并将 overFlow设置为auto

<Modal
   bodyStyle={{ overflowY: 'auto', maxHeight: 'calc(100vh - 200px)' }}
>
{content}
</Modal>

Answer 2

使用 CSS 的建议

<Modal
  bodyStyle={{overflowX: 'scroll'}}
>
  {Content}
</Modal>