Javascript 放置可滚动div中心视图的子视图

我在屏幕上的某个地方有一个可滚动的div

我在某处有一个孩子

如何滚动div以将该子对象放置在可见区域的中心

---

（如何确定div的可见宽度和高度，以及如何滚动以将矩形控件放在其中？

元素。scrollIntoView（）

可能就是您想要的

---

如果您使用jQuery，您可以尝试插件

在纯js中，可以使用。您需要获取元素在

中的位置，然后使用该值滚动main div

要计算内部元素位置，需要使用和属性获取与父元素相关的“偏移顶部和左侧”属性

---

要使元素居中，您可能还需要使用

您需要使用纯JS或使用一些库，例如jQuery？我更喜欢使用纯JS。解释如何用jQuery实现这一点，当然对其他读者可能会有用，我也会支持；）如何计算发送到

scrollTop

和

scrollLeft

的偏移量？当然您也需要知道div的可见大小吗？我已经解决了如何获取其内容大小，而不是其窗口大小您可以通过在与滚动区域大小匹配的元素上使用

scrollintoview（）

并将该元素中的内容居中来实现。但是，您如何确定可见区域的大小？