通过将 popper 的锚元素（如按钮）设为 `position: fixed`，可使其脱离文档流、固定于视口指定位置，从而确保 popper 在页面滚动或 appbar 隐藏时仍始终可见。
在使用 MUI 构建聊天机器人浮层时，一个常见痛点是：当 Popper 锚定在顶部 AppBar 中的按钮上，用户向下滚动导致 AppBar 隐藏后，Popper 会随之移出视口甚至被裁剪——即使启用了 preventOverflow 等修饰器，也无法解决“锚元素本身已不可见”这一根本问题。
关键在于：
Popper 的定位依赖于 anchorEl 的位置
。若锚元素随滚动消失（例如 AppBar 使用 position: sticky 或 transform 隐藏），Popper 就失去了稳定参照系。因此，正确解法不是优化 Popper 修饰器，而是
让锚元素自身具备视口级固定性
。
✅ 推荐方案：将触发按钮设为 position: fixed
如下所示，直接将 （或其他触发按钮）通过 sx 设置为
固定定位
，并指定 bottom 和 right 偏移量，使其常驻于视口右下角（类似主流聊天小窗）：
⚠️ 注意事项：
jQuery浮动固定位置插件Portamento
jQuery浮动固定位置插件Portamento
下载
避免 anchorEl 为 null
：确保 popperRef.current 在 Popper 渲染时有效（推荐使用 useRef + useEffect 或条件渲染 anchorEl &&
theme.zIndex.modal + 1, // 确保高于其他内容
}}
>
{({ TransitionProps }) => (
? Chat Assistant
{/* 聊天消息列表 */}
e.key === "Enter" && handleSend()}
/>
)}