首页前端开发CSS如何防止MUI React菜单组件在点击时将滚动条移动到顶部?

如何防止MUI React菜单组件在点击时将滚动条移动到顶部?

时间2023-07-29 03:20:02发布访客分类CSS浏览193
导读:我有一个省略号菜单,打开时显示几个选项。当我单击省略号图标时,我的视图的滚动条移动到屏幕顶部。如何禁用此功能?<IconButton aria-label="more" aria-controls={open ? 'lon...

我有一个省略号菜单,打开时显示几个选项。当我单击省略号图标时,我的视图的滚动条移动到屏幕顶部。如何禁用此功能?

IconButton    aria-label="more"    aria-controls={
open ? 'long-menu' : null}
    aria-expanded={
open ? 'true' : null}
    aria-haspopup="true"    onClick={
handleClick}
      >
    MoreVertIcon style={
{
 fontSize: '27px', color: 'black' }
}
     />
      /IconButton>
  Menu    MenuListProps={
{
      'aria-labelledby': 'long-button',    }
}
    anchorEl={
anchorEl}
    open={
open}
    onClose={
handleClose}
    PaperProps={
{
      style: {
        maxHeight: ITEM_HEIGHT * 4.5,        width: '31ch',      }
,    }
}
      >
    {
    options.map((option) =>
 (      MenuItem        key={
option.name}
        onClick={
    () =>
 {
              option.onClick();
              handleClose();
        }
}
        style={
{
 fontSize: '13px' }
}
          >
        FontAwesomeIcon icon={
option.icon}
 style={
{
 fontSize: '12px' }
}
     />
            MenuItemText>
{
option.name}
    /MenuItemText>
          /MenuItem>
    ))}
      /Menu>
    

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: 如何防止MUI React菜单组件在点击时将滚动条移动到顶部?
本文地址: https://pptw.com/jishu/340716.html
我如何覆盖bootstrap 5.0信息颜色,使它像bootstrap 3 &amp; # 39s信息颜色? css3 polygon

游客 回复需填写必要信息