按空格键向下滚动页面?

时间:2010-02-26 17:38:35

标签: html css keyboard

我有一个问题,我甚至不确定要搜索什么才能修复。当我按空格键时我的整个页面向上移动(向下滚动):我不希望这种情况发生。我的body标记的样式设置为overflow:hidden,如果它与它有任何关系,那么该页面将没有任何滚动条。我通常擅长执行初步的故障排除技术,但在这种情况下,我甚至不知道从哪里开始。我怎么能阻止这种行为?

其他信息:我使用的是jQuery 1.4.2

4 个答案:

答案 0 :(得分:22)

除非您吃掉按键,否则这是大多数浏览器中的预期行为。我一直都在使用它,当它在页面中不起作用时我会非常生气。

但如果你想吃钥匙......

window.onkeydown = function(e) { 
  return !(e.keyCode == 32);
};

答案 1 :(得分:7)

仅仅隐藏溢出是不够的;你实际上必须让它溢出。即使您可以禁用该行为(吃掉键盘,将焦点放在其他容器内),用户仍然可以通过键盘滚动,通过拖动选择页面上的文本,按住鼠标中键等。 ..这完全取决于他们的浏览器,只要内容仍然在技术上可见,他们可能会有一些方法将其滚动到视图中。

是时候重新考虑你的布局了。

答案 2 :(得分:2)

您描述的行为非常标准。如果您要创建比页面更高的内容,为什么要隐藏其中一些?

答案 3 :(得分:0)

有同样的问题。如果您使用的网页需要空格键代替空格键而不是鼠标,这很烦人。例如,用于键盘打字练习的网站。 https://www.typingbolt.com/profile