平滑滾動效果形狀

我有類似的圖，以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]連同移動形狀窗口滾動與連接線顯示在graffle（上面的鏈接）.intention是形狀[1]（爲了簡單起見，我選擇了這個）應該總是在滾動框架。這個怎麼做？。

來源

2012-03-23 JDev

試試這個：

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

來源

2012-03-23 00:36:00 Diego

由於它的工作。但我的形狀也有4種不同的拉斐爾文字。我試圖通過將這些文本和形狀放置在Raphael set.it中來嘗試滾動這些文本，但它的動畫卻是相互重疊的。有沒有什麼辦法可以用「set」來實現呢，還是有其他方法可以做到這一點？另外在這種情況下如何動畫連線（如上面的gRaphael鏈接所示）。我也希望線條也應該與形狀和文字一起出現。 – JDev 2012-03-23 17:52:41

感謝迭戈爲基地。我也可以使它與「set」一起工作。 – JDev 2012-03-28 23:47:47

平滑滾動效果形狀

回答

相關問題