背景图像平滑地滚动到特定(X,Y)点
问题描述:
我建立了一个像div
“窗口”和较大的图像(其在世界地图的)它后面,所以用户实际上可以“抓住”它并滚动到任何方向。下一个目标是让用户选择他的国家,地图将围绕该国家。由于它的自定义地图我需要输入坐标我自己,这里没有问题。现在(为了演示目的)我创建了一个图像中心点。过渡是即时的,我怎么能顺利滚动使用jQuery animate
属性,x,y
点?背景图像平滑地滚动到特定(X,Y)点
现在,我这是怎么滚动来分:
var country_1 = new Position(-700,-800);
$("button").click(function(){
country_1.Apply(document.getElementById('draggableElement'));
});
答
可以使用animate
method动画的变化:
var anim = {};
if(!isNaN(this.X))
anim.left = this.X;
if(!isNaN(this.Y))
anim.top = this.Y;
$(element).animate(anim, 1000);
谢谢你的回答,但这会禁用i的滚动功能法师,它只有在用户首先触发动画时才起作用。 – undroid
@undroid:好吧,那你想补充一点,在使用流畅scolling一个单独的方法,并保持可滚动原来'Apply'方法。 – Guffa