2016-08-04 17 views
0

角度のある素材を使用して、上部に固定ツールバー、ツールバーの横にmdコンテンツがあるページを作成しています。しかし、私はツールバーをスティッキーにすることはできません。角度のある素材 - mdContentが正しくスクロールしない

<body layout="column"> 
    <md-toolbar> 
    ... 
    </md-toolbar> 

    <md-content> 
    ... 
    </md-content> 
</body> 

とMD-コンテンツがすでにoverflow: autoとして設定する必要があります。私は、それは単に好きである必要があり、何回ものドキュメントを読みました。しかし、ドキュメントの最初の例のように、私はoverflowscrollに設定しました。それでも動作しません。

codepen

答えて

0

をスクロールする必要があるか、そうでなければスクロールする必要があるかの部分を知ることができません要素の上にあなたの高さを設定参照してください。

<md-content flex="" layout-padding="" style="overflow: auto; height: 200px;"> 
+0

ありがとうございます。しかし、ブラウザの高さに合わせてmd-contentを自動的に作るにはどうすればいいですか? – vincentf

+0

divを指定しないと(これはmd-contentの内容です)、コンテンツを表示するのに必要な高さを取ります(その内容が画面に表示されない場合でも、スクロール)。高さを設定しないと、divは内部にあるものに合わせて縮小/拡大します。他のものが最初に設定されていないと「画面」がどのくらい表示されているかは考慮されません。新しいCSS3のビューポートパーセンテージ(現代のほとんどのブラウザでサポートされている)を使用して、できるだけ動的にすることができます:https://www.w3.org/TR/css3-values/#viewport-relative-lengths – Shaggy13spe

関連する問題