小编kim*_*iro的帖子

Material UI - 菜单组件锁定主体滚动条

我使用 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)

scroll drop-down-menu reactjs material-ui disable

8
推荐指数
2
解决办法
2万
查看次数

标签 统计

disable ×1

drop-down-menu ×1

material-ui ×1

reactjs ×1

scroll ×1