問題タブ [web-animations]
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 - Skrollr のスムーズさは、データのトップからデータのトップ、ボトムへと変化しています
私は、基本的にH2タグを下から上にスライドさせ、上からdivを同時に下にスライドさせるskrollrアニメーションを持っています。親が画面の上部にある場合、それらは両方とも固定配置され、画面の中央に水平に配置されます。
親が画面の上部にある場合、h2 タグは中央に配置され、rightSide div の上部は画面の上部にあります。問題は、rightSide div が下にスライドして画面からフェードアウトすることになっていることです。親の下部が上部に到達しますが、アニメーションなしで壊れて下に移動します。
なぜこれが起こるのでしょうか？親の高さは rightSide div の高さと同じです
これは、私がそれを行う方法のサンプルコードです:
javascript - ポリマー アニメーションのキーフレーム取得エラー
要素の単純なアニメーションを作成しましたが、クールな効果の代わりにUncaught TypeError: Keyframes must be null or an array of keyframes.
Polymer自体の問題ではないようですが、私のコードやWebアニメーションノードのどこかに...
javascript - svg 要素を使用した Web アニメーション API
このフレームは機能しません。しかし、それが正しく実行されるストロークまたはストローク幅を変更しました。これの何が問題なのですか?
javascript - SVG Textpath - startOffset をアニメーション化 (SVG パスを下にスライドするテキスト) - JS で
(CSS ではなく) でSVG テキストパスstartOffsetパラメータをアニメーション化するにはどうすればよいですか:
テキストをパスに沿ってスライドさせたい... を試しましたが、成功しませんでした。WebAnimation/JSnumbers%px
JSFiddle: https://jsfiddle.net/509c8pmj/ 助けていただければ幸いです。
javascript - WAAPIでパスをどのようにアニメーション化しますか?
dWeb アニメーションでアニメートするにはどうすればよいですか? 例ではstrokeandstrokeWidthが機能していますdよね?!
編集: スクリプト化されたパス アニメーション (SMIL なし) を実現するための推奨される代替手段はありますか?
svg - WebAnimations はベクトル形状変換をサポートしますか?
CSS は非常に限られているため、SVG パス アニメーション (SMIL) を使用してきましたが、SMIL はすべてのブラウザーから間もなくなくなると聞いています。WebAnimations が従来の位置/回転/スケール アニメーションだけでなく、ベクター シェイプ アニメーションをサポートするかどうかを知っている人はいますか?