背景图像平滑地滚动到特定（X，Y）点

Question

我建立了一个像div“窗口”和较大的图像（其在世界地图的）它后面，所以用户实际上可以“抓住”它并滚动到任何方向。下一个目标是让用户选择他的国家，地图将围绕该国家。由于它的自定义地图我需要输入坐标我自己，这里没有问题。现在（为了演示目的）我创建了一个图像中心点。过渡是即时的，我怎么能顺利滚动使用jQuery animate属性，x,y点？

现在，我这是怎么滚动来分：

var country_1 = new Position(-700,-800); 
$("button").click(function(){ 
    country_1.Apply(document.getElementById('draggableElement')); 
}); 

Fiddle

Answer 1

可以使用animate method动画的变化：

var anim = {}; 
if(!isNaN(this.X)) 
    anim.left = this.X; 
if(!isNaN(this.Y)) 
    anim.top = this.Y; 
$(element).animate(anim, 1000); 

演示：http://jsfiddle.net/3gskot27/3/