Javascript 带有空格键滚动的Jquery对话框

Javascript 带有空格键滚动的Jquery对话框,javascript,jquery,html,Javascript,Jquery,Html,我们知道,浏览器中空格键的默认功能是在没有活动输入的情况下向下滚动。类似地,shift+空格键滚动至顶部 在我的应用程序中,我使用的是Jquery对话框,如果在没有激活输入时按空格键,则会滚动背景而不是对话框 因此,我添加了tabIndex=-1,当对话框高度较大时(意味着对话框有滚动条时),它可以正常工作。但当对话框没有滚动条(只有背景在滚动)时,它不起作用 我不希望用户在没有输入处于活动状态时阻止空格键键入。当我按下空格键时,滚动应该正常工作。如果对话框上没有滚动条,则按空格键时不会发生

我们知道,浏览器中空格键的默认功能是在没有活动输入的情况下向下滚动。类似地,shift+空格键滚动至顶部

在我的应用程序中,我使用的是Jquery对话框,如果在没有激活输入时按空格键,则会滚动背景而不是对话框

因此,我添加了
tabIndex=-1
,当对话框高度较大时(意味着对话框有滚动条时),它可以正常工作。但当对话框没有滚动条(只有背景在滚动)时,它不起作用


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


有人面临同样的情况吗?请给我一个建议

问题是,我有一个容器类,它有一些溢出元素。在打开对话框之前,我执行了以下操作

$('body, .container').addClass('overflow-hidden');
我在对话框的onClose事件中删除了这个类

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


问题是,我有一个容器类,它有一些溢出元素。在打开对话框之前,我执行了以下操作

$('body, .container').addClass('overflow-hidden');
我在对话框的onClose事件中删除了这个类

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


请在您现在拥有的
对话框
上提供
小提琴
片段
,以便我们为您找到解决方案?当然。将提供。请提供您现在拥有的
对话框上的
小提琴
片段
,以便我们为您找到解决方案?当然。将提供。