内部にiframeを含む単純なhtmlファイルがあり、ブラウザが両方のドキュメントでスクロールするのを止めようとしましたが、これは時々うまくいくようで、うまくいかないこともあります。
インタラクションを停止するためにいくつかのリスナーを適用しました（両方のドキュメントで）。コード内のこれが最後のリスナーです。stopPropagation() などの代わりに、mousmove、mousestart、mouseover、touchstart、{return false;} を変更しました。
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>Stand Alone Game Version</title>
<!-- TODO: Generar un ratio o factor para el tamaño del juego -->
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0, target-densitydpi=device-dpi">
<meta name="apple-mobile-web-app-capable" content="yes">
<script type="text/javascript">
document.addEventListener("touchstart", function(evt){
evt.preventDefault();
console.log("TOUCHING!");
document.addEventListener("touchmove", function(evt){
evt.preventDefault();
console.log("MOVING!");
return false});
return false});
</script>
<style type="text/css">
body {background-color:#b0c4de;}
.game-container
{
overflow: hidden;
}
</style>
<script>
</script>
</head>
<body>
<div id="game-container" class="game-container" style="display: block;">
<iframe class ="gameframe" src="http://www.emol.com" frameborder="0" scrolling="no" width=512 height=2000></iframe>
</div>
</body>
現在、Nexus 7 でテストしています。
これに対する安定した解決策はありますか？
よろしくお願いします。