放大div iPhone

Question

我在一个用jquery淡入的页面上有一个叠加div。当我在iPhone上打开网站并点击链接以显示叠加内容时，一切都很好。但是当我放大时，内容的底部部分已经消失，我无法滚动到它。我对内容框有一个固定的高度，但当我100％使用它时，我无法滚动它。

CSS：

    #overlay {
    position: fixed;
    top: 2000px;
    left: 0px;
    width:100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    z-index: 10000;
    margin:auto;
    display:none;
}
#content-box{
    position:relative;
    padding:0px;
    margin-bottom:50px;
    width:100%;
    max-width:700px;
    height:650px;
}
#contents{
    width:80%;
    max-width:700px;
    height:590px;
    overflow-y: scroll;
}

有人有任何想法解决这个问题吗？