iOS静态html页面在iframe中显示一半

Question

我有这个iframe在iOS safari（iPad）中显示一个静态html页面，在iframe中加载的html页面的开头显示没问题，但是当我向下滚动一下时，它突然显示出来，就像它被屏蔽了一样还是鞭打了白色...... 我找不到对这个问题的任何回应......任何想法？

这是一个小链接，可以看到：http://past.is/2PIL

这是我正在使用的基本代码：

<style type="text/css">
#boite iframe {
max-width: 100%;}

#boite {
left: 50px;
top: 68px;
height: 520px;
width: 600px;
position:relative;
overflow:scroll;
border: thin solid red;
-webkit-overflow-scrolling:touch;}

</style>
<div id="boite"><iframe src="shopingpath.html" width="728" height="1500" frameborder="0" scrolling="no"></iframe></div>