ios - ios的Angular Material Sidenav问题

Question

我正在使用带有材料设计的角度版本 6 。我创建了一个在材料设计中使用 sidenav 组件的页面，它的 stackblitz 链接是https://angular-pxw1qr.stackblitz.io/sidenav。当我在任何 Iphone 中打开 sidenav 页面并下拉或拉起屏幕时，sidenav 内容位于页面内容的后面，并且白色背景出现在页面的顶部或底部。

我能做些什么来消除这种行为？

Answer 1

您缺少fullscreensidenav 容器上的属性：

<mat-sidenav-container fullscreen>
  <mat-sidenav #sidenav>
    <!-- ... -->
  </mat-sidenav>
  <mat-sidenav-content>
    <!-- ... -->
  </mat-sidenav-content>
</mat-sidenav-container>

请注意，这仅用于样式设置，不用于任何其他目的。

---

有关更多信息，请参阅sidenav 的样式表以及mat-fillmixin。