有没有办法在onsen上创建一个可滚动对话框

Question

有没有办法在onsen上创建一个可滚动对话框？

有问题的代码： 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>