{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://www.manongdao.com/data/attach/logo/logo.png', '推荐 Luminary・发光体 的问题《iOS iFrame Overflow bug》','https://www.manongdao.com/q-948082.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
An iFrame on a website accessed by an iOS device shows the entire height of the webpage being pulled in by the iFrame, despite the height of the iFrame being set via CSS. Wrapping it in a container with overflow:hidden does nothing. The only solution I've found is using:
overflow: auto;
-webkit-overflow-scrolling: touch;
which hides the content, but the height of the iFrame still extends to the entire height of the webpage pulled in, which can result in excessive scrolling. Is there a way to force the iFrame to be a certain height and not show the content beyond that height? I'm not concerned with scrolling or any other functionality.