温泉にスクロール可能なダイアログを作成する方法はありますか

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>