Raphael Shapes的平滑滚动效果

Question

我的图表类似于g.rapahel http://raphaeljs.com/graffle.html，我在数组中存储形状，如下面的代码

var shapes = new Array();
var kx=50,ky=150;
var RecWidth=120;
var RecHeight=85;
var RecRadius=10;

r = Raphael(10,10, '60%', '100%');

for (var i=0; i<= 50; i++) {

 shapes[i]=r.rect(kx, ky, RecWidth, RecHeight,RecRadius);

 shapes[i].id="keylist"+i ;

 kx=kx+50;

 ky=ky+100;

}

现在假设，我想移动shape [1]以及窗口滚动，其中连接线显示在graffle（上面的链接）中。意思是Shapes [1]（为简单起见，我选择这个）应该始终存在在滚动框架中。怎么做？。

Answer 1

试试这个：

   var originalTop = shape[1].getBBox().y;
   $(window).scroll(function() {
        var dy = $(window).scrollTop();
        shape[1].animate({y: originalTop+y}, 300);
   });