有沒有辦法在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>