スクロールマジックの例に続いて視差スクロールを実装しようとしています。scrollmagic/greensock。スクロールが行われていなくても初期位置に影響する
greensockのドキュメントでは、TimelineMax.to
のようなものが、そのシーン内の要素の最終位置を定義しています(.from
とは対照的に、初期を定義しています)。
しかし、特に、ページが読み込まれるときに要素がビューポートの上部にある場合、.to
が実際に最初の位置にすぐに影響することがわかります。例えば、このために
:
.to($('.intro-header .bcg'), 3, {y: "80%",rotation:0.01, ease:Linear.easeNone});
は、ページがロードされるよう、40%の位置ですでに私の要素.intro-header .bcg
を置かないと、撮影した場所として何のスクロールう!
私は数日間私の脳を傷つけてきましたが、なぜこれが起こるのかを知ることはできません。
シーンのデュレーションを1200%のようなものに設定した場合のみ、要素がページの読み込み時に正しい初期位置に表示されますが、シーンは非常にゆっくりと発生します。