jquery - 如何使用 JS/jQuery 使滚动 div 专注于页面加载？

Question

查看此页面: http://ryan.rawswift.com/sandbox/fixed-bottom-bar/

当您加载此页面并尝试按空格键、向上/向下翻页或使用鼠标上的滚轮时，它根本不滚动。这是因为页面被包裹在辅助“视口(viewport)”中，以便将 Facebook 栏放置在页面底部。

当您单击页面上的任意位置时，您会为 div 提供焦点，并且按键/鼠标滚轮可以正常工作。

有什么方法可以通过 JavaScript 或 jQuery 设置焦点以使按键/鼠标滚轮起作用吗？

干杯， 奥莱马吕斯

Answer 1

您是否考虑过将栏固定并摆脱多余的视口(viewport)？

#facebookbar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 96%;
  padding: .6em 2%;
}

当然，您需要文档元素来填充视口(viewport):

html, body {
  height: 100%;
}

使用额外的 div 似乎更像是一种 hack，改变标准行为从来都不是一个好主意。

有很多需要考虑和测试的东西(使用鼠标滚轮滚动、键盘、触摸滑动，你有什么)如果你保持标准，你就不必这样做了。