Ant Design TimePickers 随页面滚动答案

【问题标题】：Ant Design TimePickers scrolls with the pageAnt Design TimePickers 随页面滚动
【发布时间】：2021-01-21 04:39:48
【问题描述】：

我正在使用 antd TimePicker 当我打开它并向下滚动时，弹出框会随着页面滚动而不是停留在原处。我不明白为什么他们的滚动问题的官方解决方案对我不起作用 https://ant.design/docs/react/faq#How-do-I-prevent-Select-Dropdown-DatePicker-TimePicker-Popover-Popconfirm-scrolling-with-the-page

这是我的代码：

    <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>

如果我 console.log triggerNode.parentNode 它完全指向 timepicker__wrapper 它应该。这里可以看到锚节点

【问题讨论】：

标签： reactjs datetimepicker antd

【解决方案1】：

我通过将position: relative 添加到锚节点来解决了这个问题。最好在文档中提及这一点

【讨论】：