私は500/500とoverflow:scrollの親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>