使用箭头键滚动div

Question

这与SO类似：如何使用箭头键移动div ，因此可能会有一个清晰且明智的“否”作为答案：

我可以使溢出div成为一个“默认滚动目标”，它对箭头向上/向下/向下翻页/空间的反应与溢出文档相同 （即向下滚动内容）？ 页面本身没有滚动条（下面的简单示例）。 特别是，这可以在没有明确跟踪关键事件的情况下完成（既不直接也不被JS库隐藏）？

<html>
 <body>
  <div id="contentcontainer" style="height:200px;width:200px;overflow:scroll">
   <div id="innercontent" style="height:2000px;">foo</div>
  </div>
 </body>
</html>

编辑：当然我点击进入div后上面的工作。 基本上，我想避免这样做......

Answer 1

为了使html元素可以聚焦，必须使用Tab键才能访问它。 这意味着您可以在链接或输入上调用.focus() 。 此外， body元素始终是可聚焦的。

您需要使用Tab键使div可以访问。 您可以通过在其上设置tabindex属性来完成此操作。 如果你实际上并不希望人们能够标记到该div，你可以将tabindex设置为-1，这将阻止人们实际标记到它，但是否则会将元素设置为标记和焦点。

资料来源： http ： //help.dottoro.com/ljpkdpxb.php

Answer 2

浏览器通常内置此行为，

为了使用箭头键向下滚动div，你必须有一个聚焦的元素。

查询http://api.jquery.com/focus/

使用箭头键滚动div

问题描述

2 个解决方案

解决方案1
10 2013-04-11 03:52:50

解决方案2
-2 2012-01-10 15:22:27

使用箭头键滚动div

问题描述

2 个解决方案

解决方案1 10 2013-04-11 03:52:50

解决方案2 -2 2012-01-10 15:22:27

解决方案1
10 2013-04-11 03:52:50

解决方案2
-2 2012-01-10 15:22:27