背景圖像平滑地滾動到特定（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/