誰もがモーダルが開いているときにfirefoxの矢印キーでページスクロールの解決策を提案することはできますか？

Question

私はウェブページを作成しました。これは、ボタンをクリックするとモーダルのような絶対的なダイアログを開きます。基本として、私は背景ページのスクロールを防ぐためにjQueryを使用して body { overflow:hidden; } を追加します。これはすべてで動作し、マウスでのスクロールを防ぎます。 （FFとChromeの両方）

キーボードの矢印キーを押したときに問題が発生します。ページスクロール。 （スクロールバーは表示されません）誰も同じ問題に直面しているのですか？これは既知のバグですか？誰かがCSSの唯一の解決策を提案できれば嬉しいです。

Answer 1

はJavaScriptを使用して、矢印キーのデフォルトの動作を阻止するようにしてください：

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