切换可见性div不在iphone上滚动

Question

我正在使用此网站上的代码：http://blog.movalog.com/a/javascript-toggle-visibility/

问题是当文本太长时，切换div不能在iphone上滚动。内容被切断了。如果我尝试滚动切换div下的内容移动而不是顶部的固定div。我如何制作它以便切换div在激活时滚动？

以下是我的问题的链接：http://www.jillmark.com/pslafinal/Healthcare/peace-labyrinth.html#

我尝试过研究各种解决方案。最合乎逻辑的一个似乎是使固定的div有溢出-y：scroll;和身高：100％;但那并没有奏效。希望它是一个简单的我想念。我很感激帮助。

＆＃13;

＆＃13;

     
function toggle_visibility(id) {
   var e = document.getElementById(id);
   if(e.style.display == 'block')
      e.style.display = 'none';
   else
      e.style.display = 'block';
}

＆＃13;

.portfolio-sliver {
    position:absolute;
    top:100px;
    left:235px; /*compensates for 15px padding on col*/
    width:100%;
    height:50px; 
    background:#fff;
    padding-top:2px;
}
.portfolio-sliver #foo {
    position:fixed;
    top:150px;
    height:auto;
    width:350px;
    background-color:#efefef;
    z-index:1000;
    padding:10px;
} 

＆＃13;

<div class="portfolio-sliver">
    <h4>
        <a href="#" onclick="toggle_visibility('foo');">peace labyrinth +</a>
    </h4>
    <div id="foo" style="display:none;">
        <p>really long text</p>
    </div>
</div>

＆＃13;

＆＃13;

＆＃13;