如何防止MUI React菜单组件在点击时将滚动条移动到顶部?
导读:我有一个省略号菜单,打开时显示几个选项。当我单击省略号图标时,我的视图的滚动条移动到屏幕顶部。如何禁用此功能?<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
