如何在html5游戏播放时停止滚动？

Question

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

上面的链接是一个非常简单的html5游戏，你会注意到当你向上或向下滚动页面时。这会让游戏变得困难和烦人，所以我需要找出如何修复它。 这个游戏嵌入了iframe，这是我在html代码中的内容 -

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

这里有一个类似于游戏的html5代码的保管箱。

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

Answer 1

您需要阻止按键触发默认浏览器控件，因此在您的情况下使用

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

应该足以阻止滚动