This only works if you control both the outside page and the iframe page.
On the outside page, make the iframe
unscrollable.
<iframe src="" height=200 scrolling=no></iframe>
On the iframe page, add this.
<!doctype html>
...
<style>
html, body {height:100%; overflow:hidden}
body {overflow:auto; -webkit-overflow-scrolling:touch}
</style>
This works because modern browsers uses html
to determine the height, so we just give that a fixed height and turn the body
into a scrollable node.