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