Question

我建了一个窗口＆＃39;比如div和更大的图像（它的世界地图），所以用户实际上可以抓住＆＃34;它滚动到任何方向。下一个目标是让用户选择他的国家，地图将以该国家为中心。由于它是一个自定义地图，我需要自己输入坐标，这里没问题。现在（为了演示目的）我创建了一个图像中心点。转换是立即的，如何使用jQuery x,y属性顺利滚动到animate点？

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

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/

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

1 个答案: