javascript - 调整内部 div 的大小后，如何设置相对于单击事件和初始滚动的滚动位置？

Question

我有一个 500/500 的父 div 和溢出：滚动。父级内部的另一个 div 最初将具有 1500/1500。被点击后，内部的 div 会变成 2000/2000。

我需要设置父 div 的滚动位置，以便在转换后，它将相对于单击事件的坐标滚动到视图中。

我需要这个来点击缩放交互。

<div id="parent" style="width:500px; height:500px; overflow: scroll; background-color:red;">
<div id="inner" style="width:1500px; height:1500px;background-color:blue;"></div>
</div>

Answer 1

经过一些头痛后，我设法解决了它：

parent.scrollLeft = (clientX + parent.scrollLeft ) * ratio - clientX;
parent.scrollTop = (clientY + parent.scrollTop ) * ratio - clientY;