526互联

【Antd 】selsect 的 option 选项随页面滚动，或被遮挡解决办法

发布时间 2023-05-17 13:08:53作者: 维多利亚的巴黎世家
<div style={{ padding: 100, height: 1000, background: '#eee', position: 'relative' }} id="area">
      <h4>可滚动的区域 / scrollable area</h4>
      <Select
        defaultValue="lucy"
        style={{ width: 120 }}
/////////////////这是重点⬇️//////////
        getPopupContainer={() => document.getElementById('area')}
      >
        <Option value="jack">Jack</Option>
        <Option value="lucy">Lucy</Option>
        <Option value="yiminghe">yiminghe</Option>
      </Select>
    </div>