問題タブ [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 - CSS3 アニメーションまたは Web アニメーション API によって行われた変更を検出する方法は?
CSS3 アニメーションまたは Web アニメーション ( ) による変更を検出するにはどうすればよいですElement.animate
か??
(下手な英語でごめんなさい! これが Stackoverflow での最初の質問です)
MutationObserver については知っていますが、インライン スタイルを変更した場合、または使用した場合にのみ応答しますrequestAnimationFrame
(それを使用してインライン スタイルを変更したため)。しかし、CSS3 アニメーションまたは Web アニメーションを使用すると、インライン スタイルが変更されないため、MutationObserver は応答しません。
これを参照してください... ここには 2 つの div があります... div1、div2。div2 の位置が変わると、div1 の位置も変わります。しかし、これは前に述べたように requestAnimationFrame を使用した場合にのみ発生します。
私の質問は、css3 アニメーションと Web アニメーション (Element.animate) でこれを行うにはどうすればよいですか?
angular - ie9を壊さずにangular 5にweb-animations-jsポリフィルをロードする方法は?
私はAngular 6アプリを持っています。
Web アニメーション Js ポリフィルをロードしたいのですが、IE9 をロードするとエラーが表示され、アプリのロードが停止します。
回避策はありますか?
-JS を使用してブラウザのバージョンを確認し、require() 呼び出しを使用してプレーヤーをロードしようとしました。このアプローチは Angular 5 ではうまく機能しますが、Angular 6 では require () は利用できなくなりました。
- もう 1 つのオプションは、呼び出しで pollyfill コンテンツをラップすることです。これは、ブラウザーが IE9 でない場合にのみ行われます。
サーバー側のブラウザ検出を使用しない他のアイデアはありますか?
ありがとう!