問題タブ [gsap]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - IE8 / Opera を除くすべてのブラウザで異なる Margin-Top
IE/OPera 以外のすべてのブラウザーで margin-top にこの問題がありました。div の margin-top を -800px に設定しました。IE で div の位置をトレースすると、Opera と同じように -800px になりますが、FF/ Chrome では 300px が追加されるため、Div は margin-top の -1100px にあると表示されます。
マージンの代わりにパディングを使用するのがベスト プラクティスであることがわかりましたが、全体的な概念についてはかなり新しいものです。今では、この 300 ピクセルの追加がどこから来るのかわかりません。私は実際に、この div を html の先頭と html の最後、開始 body タグのすぐ下 (現在の状態) と終了 body タグのすぐ上のボタンに配置しましたが、どちらも同じ結果になります。余分なピクセルの。
ここで問題を確認できます: http://www.kassandrafoto.com/上部のメイン メニューで Kassandra Cruz をクリックすると、余分な余白または 300 ピクセルのギャップが表示されます。FireFox のようなデザインが必要です。 Chrome、しかしこの場合、IE が私がやりたいように動作しているのは奇妙です: margin-top は -800 であり、-1100 ではありません (私はこの違いで遊んでいるのでアニメーションは正しいですが、ここでの問題は ¿ px から来た?.
これは、問題の div の CSS です。
div が最初のものであることがわかるように、これは html コードです。
ここに最初の Js アクションがあります。これは div ベースをその幅の半分だけ中央に配置するだけです (これはうまくいきます)。PS。Greensock TweenMax JS ライブラリを使用しましたが、マージンのトゥイーン移動にすぎません。
クリックイベントの関数は次のとおりです。
div が誰からも外にあり、絶対的であることがわかるように、FF/Chrome に余分なスペースがある理由がわかりません。
私を助けることができる助けやヒントをありがとう。ご挨拶。
actionscript-3 - tweenmax の最大速度を制限する
Flash でゲームを開発していて、ムービー クリップを画面上でラップ ラウンド方式で移動する必要があります。このためにTweenmax.to()
、greensock が提供する関数を使用しています。この関数は、パラメータとして「時間」と「距離」を取り、モーション自体に加速と減速を適用します。
ただし、これにより、モーションの最大速度が必要以上になります。モーションの最大速度も設定できる方法はありますか?
actionscript-3 - AS3 で Greensock を使用してテキストのぼかしをトゥイーン
少しのテキストを、ぼやけている状態からぼやけていない状態に戻し、ぼやけている状態に戻そうとしています。このために、トゥイーンの前にblurXとblurYを設定しようとしましたが、これによりトゥイーンが完全に停止します。私は何か間違ったことをしていますか?
編集:イーズを削除するとフェードが発生しますが、それでもヨーヨーではありません
actionscript-3 - GreenSock を使用してウィグル効果を作成する方法
オブジェクトを左右に「小刻みに動かす」ことができる TweenMax の組み込みメソッドは見当たりません。x -> x-5 -> x+5 -> x-5 -> x+5 -> x のように、開始位置から非常に短いアニメーションにする必要があります。
actionscript-3 - AS3 で GreenSock を使用してスプライト サイズをトゥイーンする
を使用して長方形をトゥイーンできる例を見てきましたscaleX
が、円をトゥイーンするものは見つかりません。(私が描いている「円」は実際にはドーナツの形で、外側の円をトゥイーンしたものにしたい)。
この方法でやってみましたが、これは多くのエラーをスローします。私はそれがこのように可能だとは思わない:
通常、表示オブジェクトでは、この方法で行われます。ただし、この「ドーナツ」では機能しません。
私の質問は、外側の円の半径サイズをどのようにトゥイーンできますか?
編集: これがドーナツの描画方法であるため、resizeVar を 75 から 150 に変更する必要があります。
javascript - superscrolloramaを使用して複数の単語で同じトゥイーンを使用する方法は?
私はここでもまったくの初心者です-私はhttp://johnpolacek.github.com/superscrollorama/を使おうとしています。ご想像のとおり、私にとってのjavaスクリプトのアイデアは、特にこの「トゥイーン」のことで非常に圧倒されます。
とにかく、スクロールアニメーションの単語スプラッシュページを作成しようとしていて、同じトゥイーンを2回使用したかったので、FAQなどを見てみましたが、それでもまだ理解できないほど進んでいます(gah!) 「フェード-それ」は2回ですが、それは機能しません。また、下部に別の「fade-it」スクリプトを追加することもありません。明らかに私はここで何かが欠けています。誰かが私がおそらく修正するのが簡単な問題であると思うことを助けたいですか?;)
JavaScriptは次のとおりです。
javascript - 画像とテキストのトゥイーン Greensock と JS アニメーション
画像をトゥイーンして、その後テキストを飛ばそうとしています。すでに画像が飛んでいますが、画像が入った後にテキストを入れる方法がわかりません...また、このdiv全体に背景を入れたいのですが、何らかの理由ですべて私は試してみましたが、表示されず、何もループしません。ヘルプ?-- 画像はすでに Illustrator で自分で作成したものなので、画像をアップロードすることはできませんが、誰かがこれを修正するのを手伝ってくれれば、本当に感謝しています!
ここに私のHTMLがあります:
これが私のJavascriptです:
これが私のCSSです:
actionscript-3 - TweenMax 遅延コール nad killtweens の
私はそれを機能させようとしてきたが、できないので、このTweenの遅延呼び出しに精通している人はいますか? 私は遅延で関数を呼び出す方法を知っていますが、遅延呼び出しのためにそのTweenも削除したいと思います:
したがって、プレイヤーがパワーアップを拾い、このパワーアップがまだ存在する場合、killTweensOf
その遅延呼び出しを停止する必要clearPowerup
がありますが、そうではありません。
ご協力ありがとうございました
よろしく
animation - アニメーションが終了する前に Tweenmax コールバックが実行されている
Web サイトのアニメーションに greensock gsap を使用しています。問題は、アニメーションの終了前に実行されているコールバックです。以下の例では、要素がアニメーションの半分のどこかで削除されています。
誰かが同じ問題を経験しましたか?
actionscript-3 - AS3トゥイーンライトループ停止
ループ アニメーションが停止し、引数エラーが発生します。いくつかの異なる方法でコーディングをやり直しましたが、役に立ちませんでした。これが私のコードです:
そして、これが私に与えるエラーです:
今後の仕事のためにトゥイーンライトのスキルを磨こうとしています。どんな助けでも大歓迎です。