<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" }