Javascript 绝对定位和绝对定位中的幻灯片转换

我试图促进视图转换，其中一个大型容器组件从一侧滑入，而另一个滑出到另一侧

我可以让所有的离散动画都在反应动作中正常工作，但是，我不知道如何同时处理这两个动作

本质上，存在一个点，两个组件同时驻留在视口中。我觉得我对CSS布局的了解不足以正确处理这个问题

我最初的想法是将滑动元件绝对放置在相对定位的容器中。但是，这种绝对定位对绝对定位容器内包含的所有组件都有副作用

这是一个已解决的问题（iOS视图始终前后滑动，并在弹出到视图端口时保留布局行为）

---

如果有人能给我指出一个很好的资源来理解这个问题，或者给我一些一般性的建议，我将不胜感激。我的主要问题是，我不知道要研究哪些主题，或者哪些书籍/在线资源有助于解释这类问题的解决方案。

我使用了一个名为react transition的很棒的软件包，听起来它可以处理您提到的情况。在这里查看：您可以在这里看到演示：

谢谢。我不确定用它控制插值样式有多容易，但它确实简化了其他一些问题。