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

Question

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

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

基本上，两个组件都同时居住在视口中。我觉得我的CSS布局知识不足以正确处理问题。

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

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

如果任何人都可以指出我是一个很好的资源来理解这个问题，或者给我一些一般的建议，将不胜感激。我的主要问题是，我不知道要研究哪些主题，或者哪些图书/在线资源对解释这类问题的解决方案有好处。

Answer 1

我已经使用了一个名为react-transition的优秀包，它听起来像处理您提到的情况。看看这里：https://www.npmjs.com/package/react-transitions，你可以在这里看到一个演示：https://szchenghuang.github.io/react-transitions/