CSS3，ZOOM + PAN（谷歌地图风格）

Question

我需要用CSS3 ZOOM和PAN一个div元素 具有混合变焦和平移的能力，
所以你可以，例如放大，平移，放大一些，平移，缩小等。

ZOOMING已经解决了这个问题： CSS3 zooming on mouse cursor
有一个绝对的BRILLIANT答案！这里： CSS3 zooming on mouse cursor

现在的问题是： 如何将PANNING与ZOOMING结合起来（来自上面的答案）？

到目前为止，我尝试使用jQuery UI draggable http://jqueryui.com/draggable/ 像这样：

<div id="graphics"> 
$("#graphics").draggable();
$("#graphics").draggable('enable');

但是当我在放大图像时开始拖动图像时它会“跳跃”。

我认为对此有一个好的答案可以帮助很多人 因为这是非常基本的功能而且 我无法在网上找到解决方案 经过广泛的搜索！

Answer 1

解决了它:)这实际上是非常简单！ #graphics必须：＆＃34; position：relative＆＃34;而不是＆＃34; position：absolute＆＃34;