使用jQuery复制空格键浏览器行为

Question

我正在使用一些hacky解决方案在我的页面上找到一个“facebook聊天栏”，要求整个页面位于“viewport div”内，并且有溢出隐藏和滚动。所以整个网页都在这个div里面。

问题是这会禁用空格键 - 直到您在其中单击。我放弃了尝试提供#viewport元素的重点，因为它只能在Firefox中使用

$("#viewport").focus().blur();

这是我解决方案的目的：

$(document).keypress(function(event) {
  if (event.which === 32) {
    var $spaceScroll = $("#viewport").height();
    window.scrollBy($spaceScroll);
   ...then what?
  }
});

缺少的是让页面向下滚动$ spaceScroll的值（以像素为单位），但除了花哨的平滑滚动插件外，我无法找到任何简单的方法。我希望它尽可能轻。

我使用jQuery 1.4和jQuery UI 1.7.2

谢谢！

Answer 1

除非我误解了你的问题......

window.scrollTo(0, $spaceScroll);