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

Question

我有一个带有iframe的简单html文件，我一直在尝试阻止浏览器在两个文档中滚动，但是这有时可能起作用，有时却不起作用。

我已经应用了多个侦听器来停止交互（在两个文档上），代码中的这个是我的最后一个。 我更改了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 个解决方案

解决方案1
0 2013-07-24 22:36:37

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

问题描述

1 个解决方案

解决方案1 0 2013-07-24 22:36:37

解决方案1
0 2013-07-24 22:36:37