2012-03-23 9 views
0

Iはhttp://raphaeljs.com/graffle.htmlをg.rapahelと同様の図を備えています、今は一緒に[1] iの形状を移動する、と仮定コードスムーズスクロール効果

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; 

} 

以下のような配列に形状を記憶してい(上記のリンク).intentionは、フレームがスクロールするときにフレーム内に常にあるべきであるということです(簡略化のために、私はこれを選択しています)。これを行う方法?。

答えて

0

これを試してみてください:それは働いた

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

感謝を。しかし、私の形も4つの異なるラファエロのテキスト。これらのテキストをラファエルのset.itに配置することで、これらのテキストをスクロールしようとしていますが、アニメーションは作成されましたが、テキストは重なり合っていました。 「セット」でこれを達成できる方法はありますか?これを行う方法は他にありますか?また、この場合、接続された線をアニメーション化する方法もあります(上のgRaphaelリンクのように)。私はまた、線も形やテキストに沿って来る必要があります。 – JDev

+0

ベースのためのディエゴありがとう。私はそれも "セット"で動作させることができます。 – JDev

関連する問題