首页 > 解决方案 > Material UI Drawer在打开时将背景页面滚动到顶部

问题描述

我正在使用material-ui作为应用程序的 UI 包。在应用程序中,我使用带有自定义无限滚动的材料表。单击一行时,会从网页右侧打开一个抽屉。一旦抽屉打开,抽屉的背景(无限滚动表和一般页面)会自动滚动回页面顶部。这使得该页面对用户非常不友好。

我已经尝试过这里提到的解决方案,但它似乎不起作用。我试着像这样使用它:

<Drawer ModalProps={{disableRestoreFocus: true}} disableRestoreFocus>{content}</Drawer>

我找不到关于 material-ui github 的更多信息,或者这里关于堆栈溢出的信息。

有没有人遇到过这个问题或知道我可以尝试的任何其他选项?

提前致谢。

标签: reactjsmaterial-ui

解决方案


对于material-ui v4,您可以在抽屉组件上添加此属性:

disableScrollLock={true}

推荐阅读