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

【问题标题】：How do I give a scrolling div focus on pageload with JS/jQuery?如何使用 JS/jQuery 将滚动 div 重点放在页面加载上？
【发布时间】：2011-01-10 09:05:03
【问题描述】：

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

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

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

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

干杯，奥莱马吕斯

【问题讨论】：

stackoverflow.com/questions/6754275/set-keyboard-focus-to-a-div
你的链接失效了

标签： jquery css scrollbar javascript fixed

【解决方案1】：

您是否考虑过将栏固定并去掉多余的视口？

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

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

html, body {
  height: 100%;
}

使用额外的div 似乎更像是一种黑客行为，改变标准行为绝不是一个好主意。

如果你保持标准，你就不必考虑和测试很多东西（用鼠标滚轮、键盘滚动、触摸滑动，你有什么）。

【讨论】：