javascript - Jquery 对话框在空格键上滚动

Question

我们知道，浏览器中空格键的默认功能是在没有输入处于事件状态时向下滚动。类似地，shift+空格键滚动到顶部。

在我的应用程序中，我使用 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}