Как прокрутить вниз в HTML-таблицу с помощью клавиш со стрелками?

Question

Я занимаюсь разработкой веб-приложения и столкнулся со следующей проблемой.

на моей странице две таблицы, и когда я выбираю строку в таблице1, выбирается первая строка в таблице2. Я хочу прокрутить внизтаблица2 с помощью клавиш со стрелками (без щелчка в любой строке таблицы2).Но когда я использую клавиши со стрелками, полоса прокрутки не работает.Это работает только после того, как я щелкну строку в таблице 2.

Есть ли какое-либо решение для JavaScript для этого?

Answer 1

Вам может понадобиться установить фокус:

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

Answer 2

Вы можете получить нажатие клавиш и прокручивать из JavaScript. Решение с прокруткой для jQuery:

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

будет прокручиваться до 300 пикселей сверху на 500 мс