当模式打开时，任何人都可以建议在firefox中使用箭头键滚动页面的解决方案

Can anyone suggest solution for page scrolling with arrow-keys in firefox, when modal is open?

本文关键字：滚动 解决方案 firefox 模式 任何人 都可以      更新时间：2023-09-26

我已经创建了一个网页，打开了一个绝对的模态对话框按钮点击。作为基础，我追加body { overflow:hidden; }使用jQuery来防止背景页面滚动。这适用于所有内容，并防止鼠标滚动。(FF和Chrome -两者)

当我按键盘上的箭头键时，FF出现问题。页面滚动。(不过它不显示滚动条。)有人遇到同样的问题吗?或者这是一个已知的bug吗?我想如果有人可以建议CSS唯一的解决方案。

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

window.onkeydown = function(event) {
    if (
        event.keyCode === 37 ||
        event.keyCode === 38 ||
        event.keyCode === 39 ||
        event.keyCode === 40
    )
    {
       event.preventDefault();
    }
};
相关文章：