온천에서 스크롤 가능한 대화 상자를 만드는 방법이 있습니까

Question

온천에서 스크롤 가능한 대화를 만드는 방법이 있습니까?

문제 코드 : https://codepen.io/anon/pen/pWaQwB

<ons-page> 
    <ons-list> 
    <ons-list-item tappable onclick="document.getElementById('dialog-1').show()">Simple dialog</ons-list-item> 
     </ons-list> 
</ons-page> 

<ons-dialog id="dialog-1"> 
    <div style="text-align: center; padding: 10px;"> 
    <p> 
     This is a dialog. 
     <p> 
     <p> 
     This is a dialog. 
     <p> 
     <p> 
     This is a dialog. 
     <p> 
     <p> 
     This is a dialog. 
     <p> 
     <p> 
     This is a dialog. 
     <p> 
     <p> 
     This is a dialog. 
     <p> 
     <p> 
     This is a dialog. 
     <p> 
     <p> 
     This is a dialog. 
     <p> 
     <p> 
     This is a dialog. 
     <p> 
     <p> 
     This is a dialog. 
     <p> 
     <p> 
      <ons-button onclick="document.getElementById('dialog-1').hide()">Close</ons-button> 
     </p> 
    </div> 
</ons-dialog> 

Answer 1

당신은 DIV에 고정 된 높이를 설정하고 overflow-y: auto를 추가하면? 인스턴스의 경우

<div style="text-align: center; padding: 10px; overflow-y: auto; height: 200px;"> 
    <p> 
     This is a dialog. 
    </p> 
    <p> 
     whatever the content you want 
    </p> 
</div>