Material-UI Autocomplete/Popper -如何防止x滚动

import React, { useState } from 'react';
import Autocomplete from '@material-ui/lab/Autocomplete';
import Popper from '@material-ui/core/Popper';

const options = ['Option 1', 'Option 2', 'Option 3'];

const App = () => {
  const [anchorEl, setAnchorEl] = useState(null);

  const handleScroll = () => {
    // 处理滚动事件的逻辑
    // 可以在这里调整 Popper 组件的位置或样式
  };

  const handleOpen = (event) => {
    setAnchorEl(event.currentTarget);
    window.addEventListener('scroll', handleScroll);
  };

  const handleClose = () => {
    setAnchorEl(null);
    window.removeEventListener('scroll', handleScroll);
  };

  return (
    <div>
      <Autocomplete
        options={options}
        renderInput={(params) => (
          <input
            {...params}
            placeholder="Select an option"
            onFocus={handleOpen}
            onBlur={handleClose}
          />
        )}
      />
      <Popper open={Boolean(anchorEl)} anchorEl={anchorEl} disablePortal={true}>
        {/* Popper 内容 */}
      </Popper>
    </div>
  );
};

export default App;