材质UI - 酥料饼打开时不阻止滚动

Question

的涡旋根据新材料的UI版本DOC封闭酥料饼。

当我打开酥料饼，网页的滚动条突然消失了，这不是在我看来，用户体验的一部分。

我想保持滚动条可见的，而酥料饼是开放的。

我使用的材料的UI V3.8.1。

Answer 1

它可以通过使用酥料饼的容器道具来固定。容器道具是一个节点，组件实例或函数，返回任一。容器将传递到模态分量。默认情况下，它使用anchorEl的顶层文档对象的身体，所以它只是document.body的大部分时间。此默认设置是使文档中删除滚动条。所以我只是用它的直接父集装箱，而不是默认设置，它解决了这个问题。 :)

<Popover
  open={...}
  anchorEl={...}
  anchorOrigin={...}
  container={this.AnchorEl.parentNode}
>

谢谢

Answer 2

根据该文件，它看起来像，如果你想保留的滚动条，那么你应该用波普尔而不是酥料饼。