jquery - 如何使用 JS/jQuery 将滚动 div 重点放在页面加载上？

Question

请参阅此页面： http ://ryan.rawswift.com/sandbox/fixed-bottom-bar/

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

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

有没有办法通过 JavaScript 或 jQuery 设置这个焦点以使键/鼠标滚轮工作？

干杯，奥莱马吕斯

Answer 1

您是否考虑过将栏固定并摆脱额外的视口？

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

当然，您将需要文档元素来填充视口：

html, body {
  height: 100%;
}

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

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