我正在尝试在iframes中嵌入HTML5游戏,以便在iPads和iPhones等移动设备上的浏览器中显示。
如果你直接在iPad上访问它们,它们工作得很好。
但是如果你使用iframe嵌入它们,那么当你触摸游戏然后松开时,游戏会暂停。
有没有一种方法可以阻止这种iframe行为,使它们按照应该的方式运行?
似乎当你停止触摸时,注意力就会丢失,它会认为这是你的空虚和停顿?
示例
在仿真器中尝试下面的两个示例链接,您将看到该问题
对我使用的(基本)代码执行
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Game</title>
</head>
<body>
<div>
<iframe src="http://static.tresensa.com/madcab/index.html?dst=A0000" frameborder="0" scrolling="no" width="960" height="536"></iframe>
</div>
</body>
</html>
我尝试过的东西
更改交互类型的css样式
<div style="overflow:auto;-webkit-overflow-scrolling:touch;">
<iframe src="" height="" height=""></iframe>
</div>
防止默认的JS
<script>
document.ontouchmove = function(e) {
e.preventDefault();
};
</script>
..。两个都没有帮助。
https://stackoverflow.com/questions/19801461
复制相似问题