If I have a list with elements like the following:
<ul>
<li>elem1</li>
<li>elem2</li>
<li>elem3</li>
<li>elem4</li>
</ul>
Imagine the ul has a max-height and vertical scrollbar, so only the first two elements are visible. Now, if I want to navigate through these elements using the keyboard (e.g., by adding a "selected" class to the chosen element)
The question is: How can I manually scroll down to elem3 by utilizing JavaScript or changing styles?
UPDATE Solution: Jump to content inside of a scrollable div