html5游戏正在玩时如何停止滚动？

Question

http://nygaming20.wixsite.com/retrobolt/game-1

The link above is a very simple html5 game,you'll notice that when you go up or down the page scrolls.This makes playing the game difficult and annoying so I need to find out how to fix it. The game is embed with iframe,here is what I have in my html code-

<iframe src="http://noborder.netlify.com/" width="675" height="540" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>

Here's a dropbox like to the game's html5 code in full.

https://www.dropbox.com/sh/brsxk97efuohs86/AAAUeIuJy_FoTKQDnGUpgL_Wa?dl=0

Answer 1

You need to prevent key presses from triggering the default browser controls, so in your case using

window.addEventListener("keydown", function(e) {
    // space and arrow keys
    if([32, 37, 38, 39, 40].indexOf(e.keyCode) > -1) {
        e.preventDefault();
    }
}, false);

should be sufficient to prevent scrolling