有没有办法在温泉中创建一个可滚动的对话框

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>