小编lou*_*der的帖子

我正在使用材料用户界面

我有一个浮动操作按钮，我想向它显示一个不会随滚动而改变的特定位置，

我也想知道这是否是一个好问题

这是代码

  const floatingMenuButtonStyle = {
    backgroundColor: '#DEEAF6',
    color: '#8A3473',
    alignSelf: 'flex-end',
    position: 'fixed',
    bottom: '8%',
    right: '9%'

这是浮动操作按钮

   <Fab 
        style={floatingMenuButtonStyle}
         aria-label="add"
          children={<AddIcon fontSize='default' />}></Fab>
      }

我想实现一个浮动操作按钮，并且想将其覆盖在组件的其他部分上，但无论如何它都位于其他组件下方，即使我尝试在父组件中实现它也是如此。

我想从材质 UI浮动操作按钮来实现它

这是我之前尝试过的：

const fabstyle = {
        margin: 0,
        top: 'auto',
        right: 20,
        bottom: 20,
        color:'green',
        left: 'auto',
        position: 'fixed',
};
return (
    <div >
        <Fab style={fabstyle}></Fab>
    </div>
)