Угловой материал Sidenav выпуск для IOS

Question

Я использую угловую версию 6 с конструкцией материала .Я создал одну страницу, которая использует компонент sidenav в дизайне материала, а его ссылка на стек составляет https://angular -pxw1qr.stackblitz.io / sidenav .Когда я открываю страницу sidenav на любом Iphone и опускаю или поднимаю экран, содержимое sidenav идет за содержимым страницы, а белый или верхний фон идет вверху или внизу страницы.

Что я могу сделать, чтобы удалить это поведение?

Answer 1

Вам не хватает атрибута fullscreen в контейнере sidenav:

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

Обратите внимание, что он используется только для стилизации и не служит никаким другим целям.

---

См. таблицу стилей sidenav , а также mat-fill mixin для получения дополнительной информации.