javascript - 任何人都可以建议在模式打开时在 Firefox 中使用箭头键滚动页面的解决方案吗？

Question

我创建了一个网页，在单击按钮时打开一个绝对模态对话框。作为基础，我附加正文{溢出:隐藏; }使用 jQuery 防止后台页面滚动。这适用于所有内容并防止鼠标滚动。 (FF 和 Chrome - 两者)

当我按键盘上的箭头键时，FF 出现问题。页面滚动。 (虽然它不显示滚动条。)有人面临同样的问题还是这是一个已知的错误？我希望有人能建议纯 CSS 解决方案。

Answer 1

尝试使用 JavaScript 阻止箭头键的默认行为:

window.onkeydown = function(event) {
    if (
        event.keyCode === 37 ||
        event.keyCode === 38 ||
        event.keyCode === 39 ||
        event.keyCode === 40
    )
    {
       event.preventDefault();
    }
};