問題タブ [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.

0 投票する
4 に答える
988 参照

javascript - CSS3 アニメーションまたは Web アニメーション API によって行われた変更を検出する方法は?

CSS3 アニメーションまたは Web アニメーション ( ) による変更を検出するにはどうすればよいですElement.animateか??

(下手な英語でごめんなさい! これが Stackoverflow での最初の質問です)

MutationObserver については知っていますが、インライン スタイルを変更した場合、または使用した場合にのみ応答しますrequestAnimationFrame(それを使用してインライン スタイルを変更したため)。しかし、CSS3 アニメーションまたは Web アニメーションを使用すると、インライン スタイルが変更されないため、MutationObserver は応答しません。

これを参照してください... ここには 2 つの div があります... div1、div2。div2 の位置が変わると、div1 の位置も変わります。しかし、これは前に述べたように requestAnimationFrame を使用した場合にのみ発生します。

私の質問は、css3 アニメーションと Web アニメーション (Element.animate) でこれを行うにはどうすればよいですか?

0 投票する
0 に答える
257 参照

angular - ie9を壊さずにangular 5にweb-animations-jsポリフィルをロードする方法は?

私はAngular 6アプリを持っています。

Web アニメーション Js ポリフィルをロードしたいのですが、IE9 をロードするとエラーが表示され、アプリのロードが停止します。

回避策はありますか?

-JS を使用してブラウザのバージョンを確認し、require() 呼び出しを使用してプレーヤーをロードしようとしました。このアプローチは Angular 5 ではうまく機能しますが、Angular 6 では require () は利用できなくなりました。

- もう 1 つのオプションは、呼び出しで pollyfill コンテンツをラップすることです。これは、ブラウザーが IE9 でない場合にのみ行われます。

サーバー側のブラウザ検出を使用しない他のアイデアはありますか?

ありがとう!