ReactJS Material UI 粘性页脚不起作用

Question

如何使用 Material UI 通过 ReactJS 获得粘性页脚。我尝试过这个，但没有坚持到底部。

export default function Footer() {
    return (
        <footer style={{color: "gray"}}>
            <center>Copyright ...</center>
        </footer>
    )
}

看起来MaterialUI 中没有原生支持。如果解决方案不使用 boostrap 会很好。

Answer 1

您应该使用fixed页脚位置：

<footer style={{color: "gray", position: "fixed", bottom: 0}}>
  <center>Copyright ...</center>
</footer>