ant-Design------select的option 随页面滚动的问题

菜单渲染父节点。默认渲染到 body 上，如果你遇到菜单滚动定位问题，试试修改为滚动的区域，并相对其定位。示例

<div style={{ padding: 100, height: 1000, background: '#eee', position: 'relative' }} id="area">
  <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>

代码分解：

<div style={{ padding: 100, height: 1000, background: '#eee', position: 'relative' }} id="area">

</div>

  <Select
        getPopupContainer={() => document.getElementById('area')}
  >

  </Select>