Я создал приложение Angular Material с sidenav и панелью инструментов. Теперь панель инструментов и sidenav показываются вверх, но если я открою сторону, точка обзора находится на sidenav, поэтому я не вижу панель инструментов, пока не прокручиваю вверх. Если я нажимаю sh кнопку переключения, чтобы открыть sidenav, окно просмотра переходит внизу страницы, и я не вижу панель инструментов, пока не прокручиваю вверх. Есть ли способ исправить это и способ, которым я не должен прокручивать и что скролбар не появляется? Я попытался установить скрытое переполнение свойства тела, но панель инструментов исчезла ...
мой код: main-nav.component.s css
mat-toolbar{
box-sizing: border-box;
}
.example-container{
box-sizing: border-box;
position: relative;
height: 100%;
}
main-nav.component. html
<mat-icon (click)="open()">drag_indicator
</mat-icon>
My App
</mat-toolbar>
<mat-sidenav-container class="example-container">
<mat-sidenav mode="Push" [(opened)]="opened">Sidenav content</mat-sidenav>
<mat-sidenav-content>Main content</mat-sidenav-content>
</mat-sidenav-container>