Question

我有一个简单的html文件，里面有一个iframe，我一直试图阻止我的浏览器在两个文档中滚动，但这似乎有效，但有时却没有。

我已经应用了几个监听器来停止交互（ON BOTH DOCUMENTS），代码中的这个是我的最后一个。我已经改变了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进行测试。

对此有稳定的解决方案吗？

最好的问候。

Answer 1

尝试在身体上应用游戏容器。如果它不起作用，您还可以尝试在游戏容器

中插入这些行

 max-width:100%;
 max-height:100%;

如何在移动设备中禁用浏览器滚动？

1 个答案: