Javascript 或 html - 滚动到可滚动 div 内的 div

Question

我有一个可滚动的 div (800px x 400px)。里面有 500 个较小的 div (100px x 80px)，所以它是一个长的可滚动的 div。每个较小的 div 都有一个 id。我想在按下按钮时滚动到特定的 div。

我尝试过一些类似

$("#outerDiv").scrollTop() = $("#innerDiv").scrollTop();

但我不知道scrollTop是否是正确的方法？ (我知道我没有正确使用它)

是否有任何直观的方法可以在 javascript(首选)或纯 html 中执行此操作？

Answer 1

使用 JavaScript

document.getElementById('outerDiv').scrollTop = document.getElementById('innerDiv').offsetTop;

滚动至顶部如果要滚动元素的内容，请使用scrollLeft 和scrollTop 属性-Link

顶部偏移HTMLElement.offsetTop 只读属性返回当前元素相对于 offsetParent 节点顶部的距离。 MDN -Link

Fiddle