부드러운 스크롤 효과 모양

Question

I가 http://raphaeljs.com/graffle.html을 g.rapahel 유사한 도면을 구비하고

제가

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; 

} 

지금 가정 코드 아래와 같이 어레이의 형상을 기억하고, I [1]과 함께 형상 이동할 graffle (위의 링크) .intention에 표시된 연결 선이있는 창 스크롤은 스크롤 할 때 프레임 [1] (단순함을 위해 내가 선택 함)이 프레임에 항상 있어야합니다. 어떻게해야합니까?.

Answer 1

이 시도 :이 일을

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