滾動到溢出包含的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

最簡單的方法是使用此插件。