滚动到溢出中包含的div：auto

Question

我有这个：

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

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

Answer 1

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

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

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

Answer 2

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

来自文档

  

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

Answer 3

http://plugins.jquery.com/project/ScrollTo

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