antd中select等组件随滚动条滚动

3,228 阅读1分钟

今天开发中遇到一个问题,select,DatePicker组件会随着滚动条滚动,解决方法

  1. DatePicker组件
 getCalendarContainer={(triggerNode) => triggerNode.parentNode}
  1. Select等其他组件组件
 getPopupContainer={(triggerNode) => triggerNode.parentNode}

原理是组件默认挂载的位置为body,可以通过设置以上属性将组件挂载到父节点

要是设置了以上属性不生效,可以将父节点的position设置为relative