如何使用arrowkeys在html表格中向下滾動？

Question

我正在開發一個Web應用程序並遇到以下問題。

在我的頁面中有兩個表格，當我在table1中選擇一行時，table2中的第一行被選中。我想使用箭頭鍵向下滾動table2（不需要點擊table2的任何一行）。但是當我使用箭頭鍵時，滾動條不起作用。它只在我點擊table2中的一行後才起作用。

是否有任何JavaScript解決方案？

Answer 1

您可能會按下按鍵並從javascript滾動。解決滾動的jQuery：

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

將500毫秒

Answer 2

您可能需要將焦點設置滾動到300像素從頂部：

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