我使用 Material-ui Menu 组件制作了一个下拉菜单。问题是一旦打开下拉菜单,主体滚动条就会消失并且无法滚动页面。
我试图找到答案,但 Popper、Popover 或 Select 组件只有几个答案,但似乎没有 Menu 组件的答案。
DropDownMenu组件是这样的。
import React from 'react'
import Menu from '@material-ui/core/Menu'
import MuiMenuItem from '@material-ui/core/MenuItem'
import styled from 'styled-components'
import MoreVertIcon from '@material-ui/icons/MoreVert'
import IconButton from '@material-ui/core/IconButton'
import SendIcon from '@material-ui/icons/Send'
import ListItemIcon from '@material-ui/core/ListItemIcon'
import ListItemText from '@material-ui/core/ListItemText'
const MenuItem = styled(MuiMenuItem)`
justify-content: flex-end;
`
export default function DropDownMenu() {
const [anchorEl, setAnchorEl] = React.useState(null)
const handleClick = (event) => {
setAnchorEl(event.currentTarget)
}
const handleClose = () => {
setAnchorEl(null) …Run Code Online (Sandbox Code Playgroud)