How to scroll exactly one when pressing a key?

Question

JavaScript

Hello, such a problem, there is a form in it input, when I enter something it displays a list sorted. When there are more than 8 people in the list, only 8 are displayed, but a scroll appears with which we can look, but there is also key navigation, so here's how to make it scroll exactly to one after 8 people.
and so on to the end of the list. using vue-scroll