响应模式div在iphone上滚动

Question

我有一个非常基本的模态设置：使用深色背景固定的父div，如果孩子太大则滚动。以其中的消息为中心的子div。

我的问题是家长不在iphone上滚动。有办法解决这个问题吗？

的CSS：

#blackout {
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  overflow-y:auto;
  background-color:rgba(0,0,0,0.5);
}
#modal {
  background-color:white;
  margin:50px;
}

HTML：

<div id="blackout">
  <div id="modal">
    Lots of text
  </div>
</div>