溢出滚动后保持绝对位置

Question

我正在尝试将div保持在绝对位置（在右下角）。问题在于，溢出时，滚动条将使绝对位置随父对象移动，而不是保持原位置。

还有很多其他类似问题，但是由于使用了Material UI React framework，这一问题受到了限制。

我有相对位置的父母：

const MUIPaper = withStyles({
  root: {
    position: "relative",
    overflow: "auto"
  }
})(Paper);

绝对的孩子：

const MUIButton = withStyles(theme => ({
  root: {
    position: "absolute",
    bottom: "1%",
    right: "1%"
  }
}))(Button);

我看到了一些与此类似的问题，但是从〜2012开始，这是不可能的。还是这样吗？还是可以不用固定的位置来解决？

Answer 1

实际上，问题出在您的布局设计中。很明显，您的绝对按钮会出现这种情况。您应该使用另一个包装器，并且绝对按钮应该是滚动的Paper的兄弟，请注意以下图片：

红色包装器应具有position: relative属性，并且按钮应位于其父级位置。并且该论文应该可以自由发挥作用。