Эффект плавной прокрутки в 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;

}

Теперь предположим, что я хочу переместить фигуру [1] вместе с прокруткой окна с линией соединения, показанной на графике (ссылка выше). Предполагается, что фигуры [1] (для простоты, я выбираю это) должны всегда там в кадре при прокрутке. как это сделать?

Answer 1

Попробуйте это:

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