如何使用箭头键在html表中向下滚动？

Question

我正在开发一个Web应用程序并遇到以下问题。

我的页面中有两个表，当我在table1中选择一行时，table2中的第一行被选中。我想使用箭头键向下滚动table2（不在table2的任何行中单击）。但是当我使用箭头键时，滚动条不起作用。它仅在我单击table2中的一行后才起作用。

有没有这方面的JavaScript解决方案？

Answer 1

您可能需要设置焦点：

tables2.tabIndex = 1; // allows focus   
table2.focus();

Answer 2

您可能会按下按键并从javascript滚动。 jQuery的滚动解决方案：

$('html, body').animate({scrollTop: 300}, 500);

将从顶部滚动到300px，持续500ms