2016-10-28 4 views
0

は複雑な行/列レイアウトを取得しています。角度材質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は

+0

あなたは実際のフィドルを追加することができますか?ありがとう – lino

+0

ここはフィドルです... https://jsfiddle.net/zygfwhv1/ – n00n

答えて

0

N00N

よろしく... [OK]を、その親にスクロールを取得すべき部分であり、それはこれがあなたが望む行動ですか? fiddle updated タブからdynamic heightsを削除し、そのmdコンテンツのoverflow-y: scrollも削除しました。 お知らせください! 良い週末

+1

'md-dynamic-height'を使うと、タブラッパーは選択したタブの内容は、スクロールが表示されなかったためです。 – lino

+0

クール、今は "md-dynamic-height"について...私の望むところに閉じて、文書の底は見えません...しかし、これは私自身で修正することができます。ありがとうございました。 – n00n

+0

良い、あなたを助けて幸せ...私はあなたが私の答えに投票することを願って..良い一日を! – lino

関連する問題