我整理了一个 jsFiddle 来说明我的问题：
我有一个可以平移和缩放到指定元素的功能。这用于在漫画书中创建帧之间的过渡。
我使用 jQuery 的 .animate() 可以正常工作，但我想在可用时使用 css 转换，因为它们在现代浏览器上的性能要好得多。
但是我似乎无法正确地重新创建相同的行为。
与其在这里描述得不好，不如看一下 jsFiddle，您会看到两组控件，每个按钮对应于“漫画”中的一个框架。jQuery 动画控件行为正确，而 css 转换控件则不正确。
一旦使用 css-transforms 对元素进行了缩放，问题似乎就归结于对 offset() 属性的测量。
任何帮助将不胜感激。
注意：在将方法从 .animate 切换到 transforms 时，您需要“重新运行”jsFiddle，反之亦然，以重置函数运行时修改的 CSS。
编辑：我刚刚更正了指向 jSfiddle 的链接......向那些已经看过它的人道歉。原始链接缺少示例代码的一部分。还要澄清一下，我需要使用基于百分比的值，因为整个应用程序是完全响应的。