각형 소재 레이아웃이 내 콘텐츠를 스크롤하지 않습니다.

은 복잡한 행/열 레이아웃을 가지며 모든 것이 문제가 될 때까지 문제가 없습니다.각형 소재 레이아웃이 내 콘텐츠를 스크롤하지 않습니다.

중간에 나는 단어 또는 유사한 텍스트 편집기 에서처럼 그림자가있는 흰색 영역이 있습니다.

<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는 예

이 문서 영역은 4 DIN으로 스타일되고 부모에 스크롤한다 .. 그러나 나는이 문제를 해결할 수없는 내 문제를 해결할 수 있을까요? = "myDocument"

ID가

출처

2016-10-28 n00n

당신에게 작업 바이올린을 추가 할 가능성이 여기에 감사 – lino

이 바이올린입니다 ... https://jsfiddle.net/zygfwhv1/ – n00n

n00n

관해서 ... 좋아 부모에 스크롤을하셔야하는 부분입니다,이 원하는 행동입니까? fiddle updated 탭에서 dynamic heights을 삭제하고 해당 md 콘텐츠의 overflow-y: scroll도 삭제했습니다. 알려주세요. 좋은 주말

출처

2016-10-29 09:32:19 lino

'MD-동적 height' 탭 래퍼를 사용하는 것은 기반으로 크기를 조정합니다 선택한 탭의 내용이 스크롤을 보지 않았기 때문입니다. – lino

시원하고, "md-dynamic-height"에 대해 지금은 안 ... 내가 원했던대로 닫혔다. 문서의 맨 아래가 보이지 않는다 ... 그러나 나는 이것을 스스로 고칠 수있다. 고맙습니다. – n00n

좋은, 당신을 도울 행복 ... 나는 당신이 내 대답에 투표 할 수 있기를 바랍니다. 좋은 하루 되세요! – lino

각형 소재 레이아웃이 내 콘텐츠를 스크롤하지 않습니다.

답변

관련 문제