角度素材のデザイン - 固定サイドバー

Question

固定サイドバーとスクロール可能なコンテンツを作成する方法を教えてください。彼らのウェブサイトに示されているように。

https://material.angular.io/components/

私はこれを使用してみました - https://material.angular.io/components/sidenav/examples

しかし、それは私がフルブラウザの幅を使用すると、それが応答するとやっていけない幅と高さを設定することができ強制します。サイドナビゲーションがスクロール可能なコンテンツで固定されるために、あなたが一定量に幅と高さを設定する必要がありますので、期待通りに固定

.example-sidenav-fab-container { 
    width: 500px; 
    height: 300px; 
    border: 1px solid rgba(0, 0, 0, 0.5); 
} 

Answer 1

ポジションはサイドナビゲーションでは動作しません。

問題は文書化されており、次のリリースで修正される予定です。 https://github.com/angular/material2/issues/998

一時的な修正：

.mat-sidenav-content, 
.mat-sidenav-container, 
.mat-drawer-content { 
    transform: none !important; 
}