Material ui 问：材质Ui应用程序栏如何修复浏览器地址栏后面的滚动

我使用的是Material Ui Appbar，但当我向下滚动页面时，Appbar会出现在iOS 10上的地址栏下方。地址栏也保持打开状态，而不是折叠。我正在使用默认的材质UI主题

我不认为它应该是这样工作的。有没有关于如何正确执行此操作的示例

理想情况下，如果AppBar固定在页面顶部，那就太好了

---

谢谢。

它实际上按设计工作。如果您想将其固定在页面顶部，则需要将CSS位置设置为“固定”。这会根据需要将AppBar固定在顶部，但由于它漂浮在那里，它可能会掩盖其自身高度下的内容价值。因此，您应该使用一些填充或边距（默认为56px）来补偿这一点。在外部容器上使用填充的示例：

<div style={{ paddingTop: 56 }}>
  <AppBar style={{ position: 'fixed', top: 0 }} />
  <p>
   Lots of tall/long content here...
  </p>
</div>

它实际上按照设计工作。如果您想将其固定在页面顶部，则需要将CSS位置设置为“固定”。这会根据需要将AppBar固定在顶部，但由于它漂浮在那里，它可能会掩盖其自身高度下的内容价值。因此，您应该使用一些填充或边距（默认为56px）来补偿这一点。在外部容器上使用填充的示例：

<div style={{ paddingTop: 56 }}>
  <AppBar style={{ position: 'fixed', top: 0 }} />
  <p>
   Lots of tall/long content here...
  </p>
</div>


可以，但AppBar的高度可能会有所不同，因为它也会根据内容进行调整。paddingTop有没有一种方法可以从AppBare的实际高度获取其值？好的，但是AppBar的高度可能不同，因为它也会根据内容进行调整。paddingTop是否有办法从AppBare的实际高度获取其值？