javascript - 以编程方式移动空格键滚动控件

Question

在大多数浏览器上，滚动条会将窗口滚动整页。如果页面上有一个可滚动的 div，单击它即可获得焦点，并且滚动条控制该内部 div 的分页。

是否可以以编程方式强制空格键滚动特定的内部 div 而不是窗口？

在 div 上调用 focus() 似乎不会将滚动条控制转移给它。 (demo)

这只需要支持Chrome。

Answer 1

如果你给 div 一个 tabindex 属性，它应该可以工作。

<div id="container" tabindex="1"></div>

它可以是任何数字，而不仅仅是1。