mui如何固定不去跟随滑动

在MUI (Material-UI) 中，如果你想要创建一个不会随着页面滚动而移动的组件，你可以通过CSS样式或者`position`属性来实现相对或绝对定位。通常，可以设置组件的`position`属性为`fixed`，使其相对于浏览器窗口固定。下面是一个简单的例子：

import { Button } from '@mui/material';

// CSS类名或者直接写在style prop里
const fixedButton = {
  position: 'fixed', // 固定位置
  top: 'auto',       // 阻止顶部位置变化
  bottom: '10px',   // 设置底部距离，例如这里为10像素
  left: '50%',      // 左右居中
  transform: 'translateX(-50%)', // 水平居中
};

<Button variant="contained" className={fixedButton}>
  我是固定的按钮
</Button>

在这个例子中，按钮会始终保持在屏幕底部中心位置，不受页面滚动影响。