Question

所以我正在为浏览器制作一个基于JS的游戏，我想要从游戏的观众中隐藏大量的内容，我已经使用了iframe。当你点击空格键时，它会在某些浏览器中出现，它会自动滚动屏幕，当玩家点击空格键时，页面内部会滚动显示我想要的内容玩家看到屏幕上的结局。所以我想知道有没有办法阻止iframe完全滚动。（我确实有scrolling="no"作为iframe属性之一而且没有做到这一点）

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

这就是我做的事情

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

在css中：

.gameframe{ overflow:hidden;}

由于

Answer 1

如果您要在页面上显示要向用户隐藏但需要执行某些操作的内容，则应使用“display：none”。因此，无需滚动任何内容，您无需处理用户如何访问隐藏内容的不同可能性。

Answer 2

尝试添加此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

阻止iframe滚动

2 个答案: