滚动到溢出包含的div：auto

Question

我有这个：

<div id="parent" style="overflow:auto">
   ...
   <div id="test">Hello</div>
   ...
</div>

我的问题是：如何滚动父div以将test div作为父的第一行？

Answer 1

如果您不想使用插件，请参见element.scrollIntoView ：

$("#test").get(0).scrollIntoView();

// Plain ol' JS:
document.getElementById("test").scrollIntoView();

Answer 2

如果您正在使用jQuery （或能够使用jQuery ），请查看ScrollTo插件。

从文档

使用此插件，您可以轻松滚动溢出的元素以及屏幕本身。 它使您可以访问许多不同的选项以进行自定义，并可以使用多种方法指定滚动位置。

Answer 3

最简单的方法是使用此插件。