は複雑な行/列レイアウトを取得しています。角度材質LAYOUTがコンテンツをスクロールしません
真ん中には、単語や同様のテキストエディタのように見える、影で囲まれた白い領域があります。
<md-content layout="row" flex id="WorkBench">
<md-content layout="column" flex>
<md-tabs flex md-dynamic-height md-border-bottom>
<md-tab layout="row" label="New Page" flex>
<md-content layout="column" flex style="padding-top: 20px; overflow-y: scroll">
<md-content layout="row">
<md-content id="myDocument" layout="column" style="margin-left: auto; margin-right: auto; height: 297mm; width: 210mm; border: 1px solid #999; box-shadow: 5px 5px #999;">
<md-content layout="row" style="padding-top: 30mm;">
<md-content layout="column"><div style="width: 20mm"></div></md-content>
<md-content layout="column"><div style="width: 70mm; font-size: 9px; border-bottom: 1px solid #999;">simle reference text</div></md-content>
<md-content layout="column"></md-content>
</md-content>
<md-content layout="row">
<md-content layout="column" style="margin-left: 25mm;">
<md-content style="width: 60mm; padding: 2mm; font-size: 12px;">
<md-content layout="row" style="padding: 0.5mm">1. Line</md-content>
<md-content layout="row" style="padding: 0.5mm">2. Line</md-content>
<md-content layout="row" style="padding: 0.5mm">3. Line</md-content>
<md-content layout="row" style="padding: 1mm">4.Line</md-content>
</md-content>
</md-content>
<div layout="column">????</div>
</md-content>
<div layout="row"></div>
<div layout="row"></div>
<div layout="row"></div>
</md-content>
</md-content>
</md-content>
</md-tab>
<md-tab layout="row" label="other page">
<md-content layout="column" flex class="md-padding">
leer
</md-content>
</md-tab>
</md-tabs>
</md-content>
</md-content>
どれヒントはどのように私ができる:... HERESに例
このドキュメント領域は、A 4 DINとしてスタイル設定され、その親にスクロールする必要があります..しかし、私はこの問題を解決することはできません私の問題を解決する? =「マイドキュメント」
idは
あなたは実際のフィドルを追加することができますか?ありがとう – lino
ここはフィドルです... https://jsfiddle.net/zygfwhv1/ – n00n