0

所以我正在为浏览器制作一个基于 JS 的游戏，并且有大量的内容我想对游戏的查看者隐藏，我已经iframe为此使用了一个。问题是在某些浏览器中，当您按下空格键时，它会自动向下滚动屏幕，当玩家按下空格键时，页面内部会滚动，而我希望玩家看到的内容最终会离开屏幕。所以我想知道有什么方法可以iframe完全防止滚动。（我确实有scrolling="no"iframe 属性之一，但它没有起到作用）

我也尝试过overflow:hidden;使用 CSS，但这似乎没有帮助。它使 iOS 和 Android 浏览器中的浏览器无法滚动，但在桌面浏览器中问题仍然存在。

这就是我所做的

<iframe id="gameframe" name="Double Edge" height="576" width="1024" src="gameStart.html" scrolling="no"></iframe>

在 CSS 中：

.gameframe{ overflow:hidden;}

谢谢

4

2 回答 2

0

尝试添加这个onload

var el = document.createElement("iframe");
 var iframe_style = "overflow:hidden; margin:0;padding:0;"
 var ifattr = {
        id: 'my_iframe', width: '520', height: '300', 'scrolling': 'no', 'marginWidth':0,
        'marginHeight':0, 'noResize': 0, 'border': 0, 'frameBorder':0, 'frameSpacing':0,
        'background': 'transparent','allowTransparency': 'allowTransparency',
        'name' :'my_iframe','style':iframe_style};

 for (var i in ifattr) {
      el.setAttribute(i, ifattr[i]);
 }a
于 2013-03-06T07:49:12.317 回答
0

如果页面上有想要对用户隐藏但需要它做某事的内容，则应使用"display:none"。所以没有什么可滚动的，您不必处理用户如何访问您的隐藏内容的不同可能性。

于 2013-03-06T07:41:31.447 回答