如何在调整内部div的大小后设置相对于click事件和初始滚动的滚动位置？

Question

我有一个500/500的父div和overflow：scroll。父母中的另一个div最初将为1500/1500。点击后，内部div将变为2000/2000。

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

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

<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;