jquery - 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);
   });