0

だから私はブラウザ用の JS ベースのゲームを作っています。ゲームの視聴者から隠したいコンテンツがたくさんあり、これに を利用しiframeました。一部のブラウザでは、スペースバーを押すと自動的に画面が下にスクロールし、プレーヤーがスペースバーを押すとページの内側がスクロールされ、プレーヤーに表示したいものが画面外に表示されます。iframeだから、スクロールを完全に防ぐ方法はあるのだろうかと思っています。(私はscrolling="no"iframeプロパティの1つとして持っていますが、それはうまくいきません)

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;}

ありがとう

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 に答える