我有一个简单的 html 文件，里面有一个 iframe，我一直试图阻止我的浏览器在两个文档中滚动，但这似乎有时会起作用，有时却不起作用。
我已经应用了几个监听器来停止交互（在两个文档上），代码中的这个是我的最后一个。我改变了 mousmove、mousestart、mouseover、touchstart、{return false;} 而不是 stopPropagation() 等。
<!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 进行测试。
有没有稳定的解决方案？
此致。