Jquery对话框与空格键上的滚动

Question

我们知道，如果没有输入处于活动状态，浏览器中空格键的默认功能是向下滚动。同样移位+空格键滚动顶部。

在我的应用程序中，我正在使用Jquery对话框，如果在没有输入处于活动状态时按空格键，则滚动背景而不是对话框。

所以，我添加了tabIndex = -1，当对话框高度很大时它可以正常工作（当对话框有滚动条时表示）。但是当对话框没有滚动条（只有背景滚动）时，它不起作用

<div id="contactContainer" class="default-dialog" tabindex="-1"></div>

我不希望用户在没有输入活动时阻止空格键输入。当我按下空格键时，滚动应该正常。如果对话框中没有滚动条，则按空格键时不会发生任何事情。

有人遇到同样的情况吗？请给我一个建议

Answer 1

问题是，我有一个容器类，它有一些溢出元素。在打开对话框

之前，我做了以下操作

$('body, .container').addClass('overflow-hidden');

我在对话框的onClose事件中删除了该类

CSS：

.overflow-hidden { overflow: hidden}