2016-08-05 9 views
0

を追加します期間は?Scrollmagicは私が初めて<code>ScrollMagic</code>を使用し、私の知る限り、私は要素と持続時間</p> <p>を開始するに基づいて、私のアニメーションをトリガーする方法を理解なったとして代わりの終了トリガを設定することはできませんよ終了トリガ

var smcontroller = new ScrollMagic.Controller(); 
var smscene1 = new ScrollMagic.Scene({ 
    triggerElement: "#products-box-1", 
    offset: 200, duration: 1600 
}) 
.setTween(tweencan) 
.addIndicators() 
.addTo(smcontroller); 
+0

私は文書ごとのようにそのような規定は存在しないと思います。私はそれが実際に必要であるとは思わない。 –

答えて

1

私が見つけた最良の方法は、あなたと整合するようにしようとしている要素の高さとオフセットを取得することにより、ドキュメント内のその時点までにページの最上部からのピクセル数を計算することで、スクロールする要素の上端までのピクセル数とその高さを減算します。

duration = ($("content").offset().top + $("content").height()) - ($("rail").offset().top + $("rail").height().top); 

はそれはとても思わ:あなたは<container class="content">と一緒にスクロールしたい<div class="rail">を含む右側のレールを持っている場合

はたとえば、オブジェクトは、「コンテンツ」の一番下までスクロールしたいです一度それを見ると簡単ですが、私はそれがこのように簡単であることに気づく前に、あなたがしたいことをやり遂げる方法を理解しようとしている良い時間のために私の脳を揺らしました。

0

期間を特定のdivの長さに設定することができます。

期間:から参照$( "#のdivIdは")の高さ()

Scrollmagic duration

関連する問題

 関連する問題