如何解决容器内的Material-ui抽屉
如何在reactjs的容器内设置material-ui抽屉?
我将应用程序页面包装在最大宽度为600px的容器中。我想将抽屉设置为不进入正文页面(picture)的容器。我将应用栏的位置作为绝对值来实现滚动事件,因此不想更改它。
下面是codeandbox示例代码:https://codesandbox.io/s/material-drawer-e6vrc?file=/header.js
我找到了关于它的讨论here,但是在我的示例中我没有弄清楚如何使其工作。从那我尝试过:
ModalProps={{
container: document.getElementById("appContainerDiv"),style: { position: "absolute" }
}}
解决方法
Ciao,建议您将...
switchMap(
(action) => this.userService.getUserByEmail(action.payload).pipe(catchError(...))
),...
的位置设置为drawerPaper
,我认为您唯一可以做的就是将样式设置为:
absolute
结果将是:
请注意,此解决方案没有响应!
Here您的代码已修改。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。