Tengo dos componentes en los que me escondo al desplazarme hacia abajo y mostrar en la acción de desplazamiento hacia arriba. Le he dado un efecto de animación a la animación slideIn y slideOut algo como esto.

 const outY: AnimationEffects = { duration: '200ms', offsetY: '100px', persist: ANIMATION_PERSIST.ALL, timingFunction: ANIMATION_TIMING_FUNCTION, }; const inY: AnimationEffects = { duration: '200ms', offsetY: '100px', persist: ANIMATION_PERSIST.ALL, timingFunction: ANIMATION_TIMING_FUNCTION, }; this.inAnimation(component1, null, inY); this.outAnimation(component1, null, outY);

Estoy usando el mismo código para ambos componentes, pero en tiempo real un componente llega rápido y otro componente es lento.

¿Qué podría estar saliendo mal?