Multiple div insertions would do it.
<style>
.IFrameContainer
{
position: absolute;
top: 40;
width: 100%;
}
.IFrameContainerScroll
{
overflow: hidden;
width: 100%;
-webkit-overflow-scrolling: touch;
}
.IFrameMobile
{
width: 100%;
border: none;
}
</style>
<div class="IFrameContainer">
<div class="IFrameContainerScroll" id="IFrameContainerScroll">
<iframe src="MyUrl" ID="Mobile" class="IFrameMobile">
</iframe>
</div>
</div>...and, then, some javascript code which is executed on load:
function ResizeEnvironment()
{
BrowserDimension()
lnHeight=nBrowserHeight
lnHeight2=lnHeight-34
document.getElementById("IFrameContainerScroll").style.height=lnHeight2+"px"
document.getElementById("Mobile").style.height=lnHeight2+"px"
}
