スクロールインラインでCSSが要素が垂直に配置されている場合のCSS

Question

私はCSSのアニメーション要素を持つSVGを持っています。アニメーション再生状態を使用して、一時停止状態にしています。jQueryまたはJavaScriptを使用して、SVGがスクロールの垂直方向の中央に配置された後にのみ実行するように変更したいと思います。

私の考えは、すべての一時停止を維持し、前述のインラインCSSで上書きするクラス.pausedを取得することでした。

Answer 1

2つの異なるCSSクラスを追加することで、要件を満たすことができます。あなたが到達したら

.classA_animate{ 
    animation: animation_1 2s linear infinite; 
} 

スクロールの場所はclassA_animateを削除し、classB_animate

.classB_animate{ 
    animation: animation_2 2s linear infinite; 
}