IT技术 - 防止日期选择器随页面滚动 - 吾爱随笔录

我正在制作一个react应用程序，它的日期选择器由antd 组成

简单的index.js代码：

import React from "react";
import ReactDOM from "react-dom";
import { DatePicker } from "antd";
import "antd/dist/antd.css";
import "./index.css";

ReactDOM.render(
  <div className="App">
    <h1>Select date-picker scroll bug.</h1>
    <div
      style={{ marginTop: "16px", width: 500, overflow: "scroll", height: 400 }}
    >
      <DatePicker />
      <div style={{ minHeight: 500 }}></div>
    </div>
  </div>,
  document.getElementById("root")
);

工作示例：

重现：如果用户单击输入，则显示日期选择器，但是当我们尝试向下滚动时，日期选择器也会随页面一起滚动。

预期结果：Datepicker 不应滚动，它需要位于输入框下方。

任何帮助将是非常可观的。提前致谢。