如何在可滚动容器内手动滚动？

Question

假设我有一个包含元素的列表

<ul>
<li>elem1</li>
<li>elem2</li>
<li>elem3</li>
<li>elem4</li>
</ul>

ul具有最大高度和垂直滚动条。所以我只看到两个第一要素。 现在，我将使用键盘来浏览这些元素（例如，为所选元素添加“selected”类）

问题是：如何使用javascript /更改样式手动向下滚动到elem3？

---

UPDATE 解决方案：Jump to content inside of a scrollable div

Answer 1

您可以尝试这样的代码：

$('div')[0].scrollTop = 100 // Scroll down by 100px;

编辑：假设你已经将你的ul li内容包裹在一个div。 JSFiddle here!