この問題は他の場所で見られます。このソリューションをここで実装しようとしました: https://stackoverflow.com/a/8923541
ただし、問題は、本文の高さが iframe の全体の高さに設定されているため、本文全体がスクロール可能になることです。メインページをまったくスクロールしたくありません（ヘッダーとフッターの高さを設定し、ページの残りの高さに合わせて拡大縮小するiframeがあります）。body を overflow: hidden に設定すると、iframe でのスクロールがオフになります。
ここに私が取り組んできた簡単なテストバージョンがあります:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>
<title>Iframe Test</title>
<script src="js/jquery.js"></script>
<script>
$(function() {
var iframe = $("#frame");
iframe.load(function() {
$("body").height(iframe.height());
});
});
</script>
<style>
body { overflow: hidden;}
#frame {
height: 100%;
width: 100%;
}
#maincontent {
height: 300px;
-webkit-overflow-scrolling: touch;
overflow: scroll;
}
</style>
</head>
<body>
<div id="maincontent">
<iframe src="working2.php" id="frame" name="frame" frameborder='0' scrolling="no">
<p>Your browser does not support iframes.</p>
</iframe>
</div>
</body>
</html>
シングル タッチ スクロールを使用した iframe の実際の動作サンプルを入手した人はいますか? これに数時間を費やし、それに関する大量の投稿を読んだ後、これを機能させることができません。私は明らかに何か間違ったことをしていますが、それを理解することはできません。