Jquery 背景图像平滑滚动到某个（x，y）点

我创建了一个类似于

div

的“窗口”，并在其后面创建了一个更大的图像（这是一张世界地图），因此用户实际上可以“抓取”它并滚动到任何方向。下一个目标是让用户选择他的国家，地图将以该国家为中心。因为这是一个自定义地图，我需要自己输入坐标，这里没有问题。现在（为了演示目的），我创建了一个点，图像以该点为中心。转换是即时的，如何使用jQuery

animate

属性平滑滚动到该

x，y

点

现在，这是我滚动到点的方式：

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

您可以使用设置更改动画：

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

---

演示：

谢谢您的回答，但这会禁用图像的滚动功能，只有在用户首先触发动画时才有效。@undroid:好的，然后您可以在单独的方法中添加它以用于平滑滚动，并保留原始的

Apply

方法的滚动功能。