Reactjs Ant Design计时器选择器随页面滚动

Reactjs Ant Design计时器选择器随页面滚动,reactjs,datetimepicker,antd,Reactjs,Datetimepicker,Antd,我正在使用antdTimePicker当我打开它并向下滚动时,弹出框会随着页面滚动,而不是停留在原地。 我不明白为什么他们官方的滚动问题解决方案对我不起作用 这是我的密码: <div className="timepicker__wrapper"> <span className="timepicker__mintime-label"> {getTranslate(QUESTION_MODULE

我正在使用antd
TimePicker
当我打开它并向下滚动时,弹出框会随着页面滚动,而不是停留在原地。 我不明白为什么他们官方的滚动问题解决方案对我不起作用

这是我的密码:

    <div className="timepicker__wrapper">
      <span className="timepicker__mintime-label">
        {getTranslate(QUESTION_MODULE.GENERAL.MINIMUM_TIME_LABEL)}
      </span>
      <TimePicker
        getPopupContainer={triggerNode => triggerNode.parentNode}
        onChange={onChangeMinTime}
        format={timeFormat}
        defaultValue={moment(item.minTime ?? '00:00', timeFormat)}
        allowClear={false}
       
      />
    </div>

{getTranslate(问题\模块.常规.最小时间\标签)}
triggerNode.parentNode}
onChange={onChangeMinTime}
格式={timeFormat}
defaultValue={时刻(item.minTime???'00:00',timeFormat)}
allowClear={false}
/>
如果我
console.log
triggerNode.parentNode
它会准确地指向
timepicker\uu包装
。 在这里可以看到锚节点


我通过向锚节点添加
位置:relative
解决了这个问题。在文档中提及这一点会很好