放大溢出：滚动

我正在尝试以CSS方式正确执行缩放和缩放。我创建了一个带有缩放视图的示例。单击时，应先缩放视图，然后才能滚动视图。

https://jsfiddle.net/opb5tcy8/4/

我有几个问题：

我可以以某种方式摆脱margin-left和margin-top对.zoomed类？我没有设法扩大规模，而没有必要以这些幅度来改变它。

单击后，我可以通过点击获得位置clientX。我想用它在缩放过程中流畅地滚动到单击位置。但是，我无法使滚动条流畅，并且在删除左边距时，它有点跳动并且不好。

当放大并移动滚动条到中间然后缩小时，您会看到缩放效果不好，因为它首先滚动到右侧。有办法预防吗？

当您在OSX上的Chrome中滚动到角落时，往往会在浏览器中向后/向前导航。有没有办法防止这种行为？

更新：

第一部分可以用解决transform-origin: 0 0。其他问题与所展示的基本相同。